progressive-web-apps相关内容

我们可以在 PWA 应用程序中使用 SQLite 数据库吗

我正在创建 Progressive-web-app 应用程序，我想将用户信息存储在本地设备中.那么，我该怎么做.如何存储用户登录信息，以便他不必一次又一次地登录 解决方案 浏览器没有 SQLite，你可以使用 IndexedDB 或 localStorage. 我假设您正在使用 JWT 或任何其他基于令牌身份验证的工具/库，因此只需保存该令牌，当窗口加载时，您将检查令牌是否存在且仍然 ..
发布时间：2021-08-23 19:12:48 数据库

将 Service Worker 中的数据写入 Cloud Firestore

我正在处理一个 Firebase 项目，我想在我的 javascript 项目中的 Service Worker 中接收 Firebase 云消息(从 Node.js 服务器发送).这工作正常，但现在我想在收到通知后从我的服务工作者那里保存一些数据到我的 firebase cloud firestore 中.问题来了，我运行时出现以下错误: Uncaught ReferenceError: X ..
发布时间：2021-07-21 18:44:56 前端开发

重新加载页面后 Service Worker 显示为已删除

我正在使用 react 并尝试实现 Service Worker，我编写了一个用于推送通知的微型 Service Worker 文件，当用户单击按钮时正在注册 Service Worker，现在如果我发送推送消息，它会按预期工作，但是当我重新加载页面时，即使注册成功，应用程序中的 Service Worker 仍显示为已删除，请参考截图 服务工作者代码 const self = this ..
发布时间：2021-07-21 18:43:08 前端开发

PWA 添加到主屏幕无法按预期工作

我已经开始使用 PWA，我想将主屏幕图标添加到我的应用程序，但它已添加到应用程序菜单而不是主屏幕 解决方案 它通常被添加到应用和主屏幕. 但很多时候它会将图标放在第二个主屏幕上. 即使第一个有空位. ..
发布时间：2021-06-21 20:40:34 其他开发

如何在 PWA 中以编程方式将显示从独立切换到全屏

当我将清单的“显示"设置为“全屏"或“独立"时，我的 PWA 会按预期工作.但是，我希望我的用户能够在设置中来回切换.有没有办法在 JavaScript 中以编程方式切换? 解决方案 如果您想确保它适用于所有浏览器，请尝试此操作. function getFullScreen() {如果(document.body.requestFullscreen){document.body.req ..
发布时间：2021-06-21 20:40:31 前端开发

每分钟从 Service Worker 调用一个函数，用于离线 PWA

我正在开发具有离线支持的渐进式 Web 应用 (PWA)，我需要每分钟从 Service Worker 调用应用中的一个函数.(如果用户离线，则发送基于 Web API 的推送通知) 最好的方法是什么? 解决方案 每分钟调用一次函数使用 setInterval(): function myFunction(){console.log('每分钟叫一次')}setInterval( ..
发布时间：2021-06-21 20:40:28 前端开发

后台同步代码在 PWA 中在线(wifi 开启)时不会自动工作

我是 PWA 的新手，一直在使用 firebase 控制台数据库测试我的 PWA 项目.离线时，当我提交帖子数据时，我有代码将帖子数据保存在 indexedDB 中，以便稍后在有 WiFi(在线)时保存.当没有找到 WiFi 时，它确实将数据保存在 indexedDB 中，但是当我打开我的 WiFi 时，它不会实时发布我的数据.当我在 wifi 开启(在线)时提交新的发布数据时，后台同步代码会实时 ..
发布时间：2021-06-21 20:40:26 前端开发

无法获得“安装"PWA 的选项

我正在尝试将我的网站设为 PWA 并将 ServiceWorker 集成到其中.ServiceWorker 已正确注册，因为我能够看到“离线"能力. 问题是我无法获得“安装"用于安装 PWA 的按钮. 我已按照与 pwa-install 软件包相关的说明进行操作，但仍然无法正常工作. 我还为此打开了一个 Github 问题，其中包含更多详细信息和屏幕截图: https://gi ..
发布时间：2021-06-21 20:40:23 其他开发

从其他子域调用时，为什么我的离线缓存子域页面没有加载?

快速问题: 我有一个服务工作者缓存来自子域“domainB.project.company.com"的页面；说明:domainB.project.company.com/mypage.html这有效，我可以看到资产 + html 被缓存在我的 Chrome 开发工具中. 然后我有另一个子域“domainA.project.company.com"；用一页domainA.project. ..
发布时间：2021-06-21 20:40:20 前端开发

仅缓存 Service Worker 内部的图像

以下是软件的代码，一切正常.我之前缓存了所有动态页面，但这给我带来了一些问题.用户交互后的页面 DOM 更改不会在下次页面查看时反映出来.始终显示原始 DOM. 所以我需要动态缓存唯一的图像.我已经注释了缓存所有内容的原始代码. self.addEventListener('activate', function(event) {console.log('[Service Worker] ..
发布时间：2021-06-21 20:40:17 其他开发

Android 上的 WebUsb API

我正在开发一个 PWA，它应该通过 Android 9.0 平板电脑通过 USB 与自定义设备进行通信. 当我第一次尝试声明一个接口时，PWA 无法声明它，因为它说接口很忙，如果我尝试通过本机应用程序使用 USB 设备，它工作正常.我尝试通过本机应用程序使用 USB 设备，当我断开与本机应用程序的连接时，我能够通过 PWA 声明该接口. 我发现它可能无法工作，因为 android 设备 ..
发布时间：2021-06-21 20:40:14 移动开发

Lighthouse PWA 审计返回“离线时 start_url 不响应 200"；错误

我遇到了 Lighthouse 的 PWA 审核问题.我正在使用 Service Worker sw.js 成功缓存 offline.html 回退(当用户没有网络连接时)和 start.html(在 manifest.json 中定义为 start_url 并且在用户从主屏幕图标打开网站时显示). 当我使用 Lighthouse 验证 PWA 清单时会出现此问题，这会引发此(仅)错误: ..
发布时间：2021-06-21 20:40:11 其他开发

使用 Microsoft 身份验证时无法在 TWA 中隐藏网址栏

我已经创建了一个 TWA 并且数字资产链接验证工作正常，但是当我尝试使用 Microsoft 身份验证作为登录方法时，URL 栏再次出现，我认为是由于主机更改，但有什么办法吗?其中，我根本不想显示 URL 栏.提前致谢. 解决方案 不幸的是，因为您要将用户重定向到不在您的域中的站点，所以它会显示 URL 栏.这是作为一项安全功能来实现的，以防止在看起来像 Microsoft 的网站上进行网 ..
发布时间：2021-06-21 20:40:05 Java开发

为什么我的 Workbox GenerateSW 在连接时显示我的离线页面?

我正在尝试使用 Workbox GenerateSW() 设置我的离线页面并遇到一个问题，即在我清除站点数据和硬刷新后第一次加载时显示我的主页，但在随后的加载中我得到了离线页面我设置，即使我在线.我有一个多页 PHP 应用程序，其中包含由 CDN 提供的资产.我在 npm 节点脚本调用的 JS 文件中运行 GenerateSW() 任务. 这是我的 GenerateSW() 代码... / ..
发布时间：2021-06-21 20:40:02 其他开发

难以通过 Web 蓝牙连接热敏打印机

现在我正在开发能够连接热敏打印机的网络.我正在使用 angular 框架，并且使用库 ng-thermal-printer 成功地将热敏打印机与 USB 连接.但我希望我的网络也能够通过网络蓝牙连接热敏打印机，即 BLE(低功耗蓝牙).据我所知，BLE 有 GATT 方面的规范，里面有服务和特性. 到目前为止我所做的进展，我可以在服务和特性中连接并向热敏打印机设备发送一个值，让我们说带有 U ..
发布时间：2021-06-21 20:39:56 前端开发

PWA iOS 收到短信:打开 iMessage 的标签

我们目前正在为我们的客户开发 PWA.一切都进展顺利，但在 iPhone (iOS 12.2) 上测试时，我们遇到了带有 sms:123-456-7890 标签的 href 标签问题.您收到“由于 sms: 标签，Safari 无法打开此页面"(释义). 如果您通过 Safari 浏览网站(而不是在 PWA 模式下)，锚标签可以正常工作，并且您的 iMessage 会打开并显示其中的数字.但 ..
发布时间：2021-06-21 20:39:50 移动开发