如何使用自签名 OpenSSL 证书在 HTTPS 上测试 PWA?

2023-12-07

我可以使用 localhost 通过 http 测试 serviceworkers,但我想在移动浏览器上测试。因为它是一个单独的设备,所以我无法使用本地主机,所以我使用 PC 的名称。所以现在我需要使用 https,这会在我的服务工作线程中导致 SSL 相关错误:

未捕获(承诺中)DOMException:无法为范围注册 ServiceWorker ('https://xxx:5500/应用程序/') 与脚本 ('https://xxx:5500/app/service_worker.js'): 获取脚本时发生 SSL 证书错误。

我已正确配置 liveServer 以使用自签名证书,并且已成功启用“edge://flags/#unsafely-treat-insecure-origin-as-secure”,但这还不够。

我还担心如何在移动设备上测试 PWA,因为我认为我无法在移动设备上使用“不安全”功能。我认为这是一个常见的情况,但我没有找到任何答案。


您可以通过 Chrome 开发者工具在移动设备上测试您的 PWA: 该方法称为远程调试(仅适用于android)

  1. 在移动设备中打开开发者工具 - 允许 USB 调试

  2. 通过 USB 连接到笔记本电脑或 PC

  3. 转到 chrome 开发工具 打开远程设备

  4. 在远程设备中设置端口转发

  5. 在移动 Chrome 浏览器中运行 localhost。

详细信息如下:https://developers.google.com/web/tools/chrome-devtools/remote-debugging

这在移动设备中提供了 localhost,因此不需要 https 或 ssl。

我认为这是测试你的 PWA 的最好方法,我亲自使用过它。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何使用自签名 OpenSSL 证书在 HTTPS 上测试 PWA? 的相关文章

随机推荐