如何在 Firefox 中调试 Service Worker？

Question

在 FF 中调试 Service Worker 似乎非常痛苦。 我知道从主页我可以

• 进入应用程序面板，
• 点击“关于调试”，
• 在其他 200 个员工中搜索我的员工的新页面，
• 点击开始
• 然后点击检查
• 我必须寻找两个控制台而不是一个并通过 两者之间的消息并非微不足道。

告诉我有更简单的方法！

Answer 1

您需要夜间版本才能在应用程序面板中的worker.js 附近有一个调试链接。 在稳定版本中，只有一个链接在新选项卡中显示worker.js 的源代码。这有什么用？

Answer 2

在 Firefox 中，您必须执行一些额外的步骤才能从 Service Worker 中查看 console.log()。

1. 在您的网站上打开 Firefox 开发者工具
2. 转到开发工具中的

   Application

   选项卡
3. 单击 Service Worker，然后单击底部的

   about:debugging

4. 将打开一个新页面。单击“在 Service Worker 中运行”部分旁边的

   inspect

   。
5. 将打开一个新页面，您可以从那里看到所有日志。