Question

很简单，我想在调试时禁用显示在浏览器控制台中的重复工作箱消息的显示。例如，我不需要看：

WorkBox: Using NetworkFirst to respond to '/fonts/KFOlCnqEu92Fr1MmEU9fBBc-.woff'

它使我的控制台混乱，这是我非常不喜欢的东西。如果您喜欢它，那很好，请不要试图改变这种无用（对我而言）消息的好处。你知道怎么关掉它吗？出于信息考虑，我正在使用Quasar和Vue创建SPA-甚至没有PWA。谢谢。

Answer 1

为我工作：控制台->应用程序选项卡->服务人员-> sw.js注销

Answer 2

只需在 Service Worker (self.__WB_DISABLE_DEV_LOGS = true) 文件的顶部添加 sw.js。

与此处发布的答案相反，解决方案不是：

取消注册您的服务工作者以摆脱消息。您的应用可能需要它才能正常运行
添加 workbox.setConfig({debug: false}) 除非知道它的作用：
它在生产构建和调试构建之间切换。 workbox 在 localhost 上运行时自动选择 debug 构建。

Answer 3

您可以使用workbox.setConfig({ debug: false });来使用生产版本并删除额外的日志记录，否则请相应地调整Web控制台日志级别过滤。

Doc：https://developers.google.com/web/tools/workbox/guides/troubleshoot-and-debug

Answer 4

多亏了Antonina K提供的答案，我才能够找到FireFox的答案。万一其他人需要这个。正如Antonina提到的，在Chrome中，控制台具有一个应用程序标签，该标签包含对浏览器使用的所有服务工作程序的引用。 FireFox没有选项卡（或者，至少我的版本没有）。在FireFox中，打开一个新选项卡，然后在地址栏中放置about：serviceworkers。滚动列表以查找工作箱服务工作程序。对我来说，它被列为localhost：8080。我注销了该工作人员的注册，并且不再在控制台中看到大量的工作箱消息。我终于可以再次调试我的应用了！这是我参考以解决此问题的链接： Manage Service Workers in FireFox and Chrome

如何关闭工作箱浏览器控制台消息？

4 个答案: