Chrome 开发工具服务工作者错误 icon/count

Chrome dev tools service worker error icon/count

我正在 Chrome 中做一些 serviceworker 开发工作,我一直看到这个带有数字的图标 - 它看起来像 link。

单击图标或数字(屏幕截图中的 4)时没有任何反应。

这是什么意思,我可以从中获得更多信息吗?

我尝试用谷歌搜索 "chrome dev tools serviceworker error count" 和类似的东西,但找不到答案 - 可能是因为这些术语相当通用。

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

Windows 主页上的最新 Chrome 64 位

我从 service-worker-demo

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

结果和你看到的一样。单击该数字会显示带有错误的控制台下方选项卡,然后单击 worker.js 会显示代码左侧的源选项卡