android - 无法在 Android 手机上调试 service-worker

Question

我有一个从我的桌面提供服务 worker 的网络应用程序，我想在 Android 手机 (Pixel3) 上进行调试。
在桌面上，我安装了一个自信任 CA 以满足安全连接 (https)，​​并且页面显示为安全挂锁 - 好!
但是在电话上，我无法让安全挂锁出现。
(我可以通过 USB 电缆连接手机来调试网络应用程序，在 chrome://inspect/#devices 中为所需选项卡选择检查，对于 Pixel 3 XL 设备，然后与手机上的 Chrome 页面交互并查看桌面，但无法获得安全挂锁)。
为了满足安全连接，我尝试做以下事情:

按照 debugging on device 的说明进行操作

使用说明 here 在手机上安装自信任 CA和 here
我安装了自信任 CA myCA.pem(这与通过 Security -> Install certificates -> myCA.pem 签署桌面上使用的网站证书的自信任 CA 相同，并验证它安装在 Trusted credentials -> User -> myCA 中)

在 chrome devtools 中设置端口转发，并使用 here 中的说明通过 localhost 访问网站和 here .

在 chrome devtools 上，我通过 chrome://inspect/#devices -> port forwarding -> 8086 localhost:443 设置端口转发

在手机上，我通过 Network and Internet -> Wi-Fi -> current network -> Proxy -> Manual -> Proxy hostname: localhost, Proxy port: 8086 设置代理

在电话上我打开页面localhost:8086 , https:\\localhost:8086 (页面显示不安全挂锁警告)页面显示不安全挂锁警告

(在桌面https://localhost 显示安全挂锁)

在 chrome devtools 中设置端口转发，在您的设备上配置代理设置，映射到自定义本地域，并通过自定义域访问网站:mydomain，按照 here 中的说明进行操作

在 chrome devtools 上，我通过 chrome://inspect/#devices -> port forwarding -> 8086 mydomain:443 设置端口转发

在手机上，我通过 Network and Internet -> Wi-Fi -> current network -> Proxy -> Manual -> Proxy hostname: localhost, Proxy port: 8086 设置代理

在电话上我打开页面localhost:8086 , https:\\localhost:8086 页面显示不安全挂锁警告

(在桌面https://mydomain 显示安全挂锁)

通过设置放宽电话安全连接的要求:

chrome://flags/#allow-insecure-localhost启用

chrome://flags/#insecure origins treated as secure启用:http://192.168.1.74, http://mydomain, http://localhost(标志 #insecure origins treated as secure 在桌面上运行时甚至没有帮助，我收到如下错误:DOMException: Failed to register a ServiceWorker for scope ('https://192.168.1.74/') with script ('https://192.168.1.74/sw.js'): An SSL certificate error occurred when fetching the script .

这些都没有帮助。在手机上的 chrome 选项卡中，我不断看到不安全连接的三角形图标。
桌面:Ubuntu 18.04，Chrome 版本 83.0.4103.61
Pixel 3 XL:Chrome:83.0.4103.106，Android 版本 10
谢谢
阿夫纳

Answer 1

通过使用以下组合，我能够在 Android 手机上使用服务人员远程调试 Web 应用程序:

网络服务器配置设置:

禁用 https

启用http服务，非标准端口

禁用 http 到 https 的重定向

设置 chrome 标志:Insecure origins treated as secure在桌面上的 Chrome 和 Android 手机中。

见 here详情