如何在Firefox中调试service workers？有没有更简便的操作方法？

方法1：直接从当前站点开发者工具进入（最便捷） #

• 打开目标站点后按F12唤起开发者工具，切换到「应用程序（Application）」面板
• 在左侧菜单找到「Service Workers」分类，当前站点的活跃/待激活worker会直接显示在列表中
• 直接点击对应worker旁的检查按钮，即可唤起专属调试控制台，无需跳转全量worker列表页

方法2：快速过滤全量worker列表 #

如果需要查看所有worker，可直接在地址栏输入about:debugging#/workers一键进入worker列表页，无需层层点击进入：

• 页面顶部有搜索框，输入目标站点域名或worker文件名，可直接过滤出目标worker，无需手动在数百个worker中定位
• 过滤后直接点击「检查」即可进入调试页

双控制台问题解决方案 #

无需同时打开两个控制台传递消息：

• 在service worker的调试控制台顶部，找到上下文切换下拉选项
• 可自由切换到当前站点页面上下文/worker上下文，在同一个控制台内即可执行两侧的代码、查看所有日志、发送postMessage测试，无需窗口切换

额外优化配置（仅开发环境使用） #

在地址栏输入about:config进入配置页，搜索并开启devtools.serviceWorkers.testing.enabled，开启后可在当前站点的Application面板直接完成worker的更新、跳过等待、强制启停等全生命周期操作，无需跳转其他页面。

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