progressive-web-apps 相关问题

渐进式Web应用程序提供类似应用程序的用户体验，低摩擦力，使用现代Web功能构建并托管在Web上，随着时间的推移可以成为用户系统上的应用程序。

是否可以在React Web项目中使用.env？

我正在使用 React Web 开发 PWA SPA，几乎所有内容都在 .js 中。我需要在Azure Portal中创建环境变量，如下所示我已经创建了一些：输入图片

javascript azure environment-variables progressive-web-apps single-page-application

回答 1 投票 0

Chrome Web Apps (PWA) 的位置

我在工作 (Windows 10) 和个人 (Linux) 设备上使用 PWA。我有时也会使用更多工具“创建”这些 Web 应用程序 > 创建快捷方式 > 在新窗口中打开，然后从 chrom...

google-chrome web-applications progressive-web-apps chromium

回答 2 投票 0

Lighthouse PWA 审核看起来在 Chrome 126 中不起作用（显示空屏幕）

我刚刚开始深入渐进式网络应用程序的世界。许多教程重点介绍了 Google Chrome 中 Lighthouse（版本 12.0.0）的 PWA 审核。如果我启动 Google Chrome（版本 126.0...

google-chrome progressive-web-apps audit lighthouse

回答 1 投票 0

Flutter web - 缺少安装 PWA 按钮

我创建了一个新的 Fluter WEB 项目，但我没有看到 PWA 的安装按钮。我缺少什么？没有安装按钮的新项目旧网站中的按钮示例

flutter progressive-web-apps

回答 1 投票 0

iOS Safari PWA：视口大小不一致

我为 iOS Safari 构建了一个 PWA。不幸的是，我在视口大小调整方面面临着相当不一致的行为。我使用以下选项和样式我为 iOS Safari 构建了一个 PWA。不幸的是，我在视口大小调整方面面临着相当不一致的行为。我使用以下选项和样式 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, viewport-fit=cover"> * { box-sizing: border-box; } html { height: 100vh; height: 100dvh; background-color: var(--bg-main); } body { margin: 0; overflow-x: hidden; height: 100%; display: flex; flex-direction: column; } .content { display: flex; flex-direction: column; height: 100dvh; } 不幸的是，在 iPhone 12 Pro（屏幕尺寸 390 x 844）上进行测试时，100dvh视口高度非常不一致。因此在初始加载时，html 和 body 始终为 797px，等于 100svh。但是，当我滚动页面或任何内容时，html 和正文会扩展到 844px，等于 100lvh。我个人希望 100svh、100dvh 和 100lvh 都为 844px，同时在 PWA 内部使用视口适合封面，并且在 PWA 外部显示或隐藏地址栏时具有正常行为。如何使用 viewport-fit=cover 使屏幕全高并在 PWA 内部和外部工作？到目前为止我想出的最好的解决方案看起来像这样并且可以完成工作： height: 100vh; height: 100dvh; @media all and (display-mode: standalone) { height: 100lvh; } 我仍然不完全理解为什么这个解决方法是必要的。

css progressive-web-apps mobile-safari

回答 1 投票 0

PWA 配置了 vite-plugin-pwa 错误 - 未找到清单

关于使用 Vue 获取配置了 vite-plugin-pwa 的 PWA 的安装提示有什么建议吗？我执行“npm run Preview”，可以看到服务工作线程已配置并正在运行。然而，有些如何...

vuejs3 vite progressive-web-apps vue-pwa

回答 1 投票 0

PWA 特定 CSS

我正在构建一个 React Web 应用程序，它有一个底部菜单栏。虽然它在移动浏览器中工作得很好，但如果它在 iOS 上呈现为 PWA（具有底部滑动条），它会遮挡 b...

css reactjs progressive-web-apps

回答 2 投票 0

如何使 Angular PWA 可安装？

我正在尝试使用 Angular 制作一个可安装的 PWA。按照文档，我运行了 ng add @angular/pwa 以使我的应用程序成为 PWA。效果很好。然后我使用 ng build 构建它并使用 http-

angular progressive-web-apps

回答 2 投票 0

我的 PWA 未显示为仅可在 Android 版 Chrome 中安装

我已经构建了一个“PWA”，它似乎可以在桌面环境中正常工作。我可以毫无问题地将其安装在我的台式电脑和 Mac 上：另外，要求也是我...

android google-chrome progressive-web-apps manifest.json google-chrome-android

回答 1 投票 0

是否可以可靠地缓冲来自离线 React PWA 的传出 POST 请求？

有什么方法可以让服务工作者拦截和缓冲来自我的 React 组件的 POST 请求，并在网络连接允许时传递它们？我计划使用 next-pwa 来支持 o...

reactjs progressive-web-apps next-pwa

回答 1 投票 0

Javascript 通知显示为“弹出”

目前，我正在开发 PWA。我想实现一个推送通知系统，幸运的是浏览器公开了 Push API。到目前为止，我已经完成了这部分工作，我可以在

javascript browser push-notification progressive-web-apps

回答 1 投票 0

访问无扩展名的静态文件时阻止 Angular 运行

我有一个用于项目的 Ionic/Angular PWA，该项目还有一个适用于移动设备的本机 (Ionic Cordova) 应用程序。在应用程序上，我们需要接受与 PWA 具有相同 URL 的深层链接（以便您可以访问...

angular ionic-framework iis progressive-web-apps

回答 2 投票 0

如何为同一域中的两个不同作用域注册两个 Service Worker

在我的 PWA 中，我有两个服务工作者：一个用于“/”（根）范围，由我的代码注册 const 注册 = 等待 navigator.serviceWorker.register('/service-worker.js', { 范围： '/'， });

javascript google-chrome progressive-web-apps service-worker

回答 1 投票 0

卡片动画和过渡

从“@/components/section”导入部分从“@nextui-org/react”导入{Card、CardHeader、CardBody、CardFooter、Divider、Link、Image、Button}；导入 { CSSProperties, useState } from ...

css reactjs next.js jsx progressive-web-apps

回答 1 投票 0

Angular PWA ngsw-worker.js:1 未捕获的语法错误：无效或意外的令牌（位于 ngsw-worker.js:1:1）

使用 Angular V14.2。在控制台窗口中出现以下错误。在“应用程序”选项卡 ->“服务工作人员”菜单中，状态未激活。 App.module.ts 文件

angular progressive-web-apps service-worker angular-service-worker

回答 1 投票 0

如何可靠地检测我的 PWA 是否安装在 chromeos 上？

因此，我的网站会检测它是否以显示模式显示：浏览器以显示安装提示，但如果 PWA 已安装，我希望允许他们使用 URI 处理程序独立打开应用程序...

javascript progressive-web-apps

回答 1 投票 0

有没有办法通过终端命令安装PWA？

我想自动从 https://carbon.now.sh/ 安装 PWA。 chrome 好像有一些命令，比如 https://www.ghacks.net/2013/10/06/list-useful-google-chrome-command-line-switches/ 然而，