chrome 插件 抓取网页qq聊天记录(《浏览器扩展程序开发笔记》专栏(二)：后台脚本backgroundscript)

　　chrome 插件 抓取网页qq聊天记录(《浏览器扩展程序开发笔记》专栏(二)：后台脚本backgroundscript)

　　对于文章系列，可以查看《浏览器扩展开发笔记》栏目

　　扩展开发和调试主要使用 Chrome DevTools 开发者工具，但与普通网页有些不同。由于扩展程序由多个部分组成，它们一般运行在一个独立的环境中。

　　每次修改代码都需要重新加载更新插件，刷新当前页面。

　　错误日志

　　如果扩展在运行时遇到错误，可以在 chrome://extensions 扩展管理页面中找到其错误日志。找到对应的扩展卡，点击“错误”按钮查看

　　根据错误提示修改代码逻辑，然后点击页面右上角的“全部清除”错误记录，然后重新加载扩展并尝试运行。

　　后台脚本

　　后台脚本在 Service Worker 中运行。它没有页面。如果要打开它的开发者工具，可以在chrome://extensions扩展管理页面找到对应的扩展卡，点击里面的“后台页面”链接。, 可以打开后台脚本的开发者工具

　　弹出页面

　　当用户点击Action（浏览器工具栏中的扩展图标按钮）时，如果扩展会弹出一个页面，其中运行了一些代码逻辑，这个页面也可以打开它的开发者工具进行调试。

　　弹窗会在打开开发者工具前完成所有的网络请求，所以为了监控网络请求，可以在开发者工具打开时刷新网络栏下，让弹窗重新发起网络请求。

　　内容脚本

　　内容脚本是插入到页面中运行的代码，可以打开对应网页的开发者工具进行调试。

　　如果只想在控制台查看扩展相关的输出，可以点击下拉框选择对应的源。

　　只有在内容脚本运行时触发的错误，或者使用console.warning和console.error手动触发的错误才会记录在开发者工具的控制台中。

　　覆盖页面

　　覆盖页面会以标签页的形式显示，就像普通网页一样，可以使用开发者工具进行调试。

　　也可以使用开发人员工具调试整页选项设置页面。