嘿，这个问题问得很到位！2015年那会Chrome对Service Workers的安全限制确实挺死的，但这么多年过去，早就有不少实用的办法了，我给你整理几个最方便的：

1. 命令行启动参数（最直接的开发方案） #

这是我平时调试用得最多的方法，不需要改代码或复杂配置，启动Chrome时加个参数就行：

• 把你的局域网HTTP origin标记为安全源：--unsafely-treat-insecure-origin-as-secure="http://你的局域网IP或域名:端口"
  举个例子，如果你的服务跑在http://192.168.3.10:8080，启动命令就是：chrome --unsafely-treat-insecure-origin-as-secure="http://192.168.3.10:8080"
• 顺便建议加个--user-data-dir="/tmp/chrome-dev-profile"，用单独的用户配置文件，避免影响你日常用的Chrome设置（比如书签、插件）

2. DevTools本地覆盖（临时测试神器） #

如果不想每次启动Chrome都输命令，用DevTools的本地覆盖功能也能快速搞定：

• 打开DevTools（按F12），切换到Sources面板
• 点击左侧的Overrides标签，勾选「Enable local overrides」
• 选择本地一个空文件夹用来保存覆盖文件（Chrome会提示你授权）
• 搞定！此时Chrome会把这个站点视为安全上下文，直接就能注册Service Workers了

3. 关于指定端口的疑问 #

其实没有什么“专属允许端口”——只要你用上面的方法把完整的HTTP地址（包含IP/域名+端口）标记为安全，不管是常用的3000、8080，还是你自定义的端口，都能正常使用Service Workers，完全不用担心端口限制。

4. DevTools里的相关检查项 #

你没遗漏关键选项，但可以确认这几个地方：

• 打开DevTools的Application面板，左侧找到Service Workers：
  • 勾选「Update on reload」可以让页面刷新时自动更新Service Worker，方便调试
  • 「Bypass for network」可以临时绕过Service Worker，直接从网络请求资源，适合对比测试
• 如果用了本地覆盖，记得检查DevTools地址栏左边的站点图标，确认没有显示“不安全”的提示

额外小技巧：用本地HTTPS彻底解决 #

要是你嫌上面的方法麻烦，还可以直接把本地服务改成HTTPS：

• 用mkcert工具生成自签名的本地证书（这个工具会自动把证书加到Chrome的信任列表里）
• 把你的开发服务配置成HTTPS，这样Chrome会默认信任这个本地站点，Service Workers就能正常工作了，还能模拟生产环境的HTTPS场景

内容的提问来源于stack exchange，提问作者TBB