chrome扩展调试

chrome扩展其实有点像是一个打包编译好的app,如果加载到chrome里再调试,即使是未打包的状态也相当麻烦,每调试一次便要重新加载一次,由此,我想当比较方便的方法是,直接在浏览器中打开(推荐部署在本地服务器再打开),这样每改一个小地方,只要刷新一下浏览器,马上就能看到最新的结果了。

然而,上述的这种方法,只适合于分别调试popup.html及background.html,对于拥有特殊架构的chrome扩展来说,很多时候我们是需要联合这俩页面来调试的。
popup.html还比较好办,点击扩展弹出popup后,右键菜单审查元素即可呼出开发者工具【本人发现是在扩展的按钮上右键菜单,Chrome80版本】,但是background.html要怎么呼出开发者工具呢?难道只能用alert?

chrome扩展调试_第1张图片
一番搜索后,终于发现,在chrome管理扩展的页面(扩展程序),在我们需要调试的扩展那一栏,有个“检查视图:background.html”或"背景页",其中的"background.html"是可以点击的,我们点下去后就可以激活针对background.html的开发者工具了。

chrome扩展调试_第2张图片

你可能感兴趣的:(Chorme,chrome,devtools)