chrome扩展其实有点像是一个打包编译好的app,如果加载到chrome里再调试,即使是未打包的状态也相当麻烦,每调试一次便要重新加载一次,由此,我想当比较方便的方法是,直接在浏览器中打开(推荐部署在本地服务器再打开),这样每改一个小地方,只要刷新一下浏览器,马上就能看到最新的结果了。
然而,上述的这种方法,只适合于分别调试popup.html及background.html,对于拥有特殊架构的chrome扩展来说,很多时候我们是需要联合这俩页面来调试的。
popup.html还比较好办,点击扩展弹出popup后,右键菜单审查元素
即可呼出开发者工具,但是background.html要怎么呼出开发者工具呢?难道只能用alert?
一番搜索后,终于发现,在chrome管理扩展的页面(扩展程序
),在我们需要调试的扩展那一栏,有个“检查视图:background.html”,其中的"background.html"是可以点击的,我们点下去后就可以激活针对background.html的开发者工具了。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。