Chrome开发工具服务工作者错误图标/计数

Posted 2021-04-20

[我正在Chrome中做一些serviceworker开发人员的工作，但我不断看到带有数字的此图标-它看起来像一个链接。

当我单击图标或数字（屏幕截图中的4）时，没有任何反应。

这是什么意思，我可以从中得到更多信息？

[我尝试搜索“ chrome dev tools serviceworker错误计数”和类似内容，但找不到答案-可能是因为这些术语相当通用。

答案

这是我的设置中发生的事情

Windows Home上的最新Chrome 64位

我从service-worker-demo创建了一个Hello World Service Worker Web应用程序>

• 我从节点安装了http-server（npm install http-server -g）
• 我在service-worker-demo文件夹（http-server -p 2300）中启动了Web服务器
• 我在Chrome中打开了http://localhost:2300/index.html
• 我打开了开发工具（Chrome>更多工具>开发人员工具>应用程序选项卡）
• 我在worker.js文件中创建了一些错误（删除了括号和分号）

结果与您看到的相同。单击该数字会弹出控制台下部选项卡，并显示错误，然后单击worker.js会显示带有代码的源左侧选项卡