浏览器插件调试方法总结
前言
浏览器插件为网页前端技术，调试方式和浏览器是相通的，其中不同的插件内容调试方式不一样，目前刚学，调试的方式有多种，这里做个记录。
Background.js内容调试
Background是浏览器插件的常驻内容，运行周期是跟随浏览器，核心操作基本都在这里面。
进入插件管理页面，即用浏览器打开chrome://extensions/，有个Service Worker，点击就能打开background.js的调试窗口
popup页面调试
Popup页面弹出后，右键popup页面，选择检查，就能进入popup页面的调试页面，popup页面的调试内容包含background.js的输出内容。Popup的调试窗口调起后，如果没关掉，popup是不会关掉的。
注入js的调试内容
浏览器插件支持脚本注入，包含content_scripts方式的固定注入方式，以及chrome.scripting.executeScript的动态注入方式，脚本注入的打印输出通过上面两种方式是看不到。可通过浏览器的调试模式查看，就是你注入的页面打开F12的控制台就能看到你注入的js的输出结果，可以看成浏览器插件注入js跟在控制台执行js是一样的效果