chrome扩展其实有点像是一个打包编译好的app,如果加载到chrome里再调试,即使是未打包的状态也相当麻烦,每调试一次便要重新加载一次,由此,我想当比较方便的方法是,直接在浏览器中打开(推荐部署在本地服务器再打开),这样每改一个小地方,只要刷新一下浏览器,马上就能看到最新的结果了。
然而,上述的这种方法,只适合于分别调试popup.html及background.html,对于拥有特殊架构的chrome扩展来说,很多时候我们是需要联合这俩页面来调试的。
popup.html还比较好办,点击扩展弹出popup后,右键菜单审查元素即可呼出开发者工具,但是background.html要怎么呼出开发者工具呢?难道只能用alert?
一番搜索后,终于发现,在chrome管理扩展的页面(扩展程序),在我们需要调试的扩展那一栏,有个“检查视图:background.html”,其中的”background.html”是可以点击的,我们点下去后就可以激活针对background.html的开发者工具了。
本文介绍了一种便捷的Chrome扩展调试方法,通过在本地服务器上部署并直接在浏览器中打开进行调试,可以有效提高效率。此外,还详细说明了如何使用Chrome开发者工具调试popup.html和background.html。
515

被折叠的 条评论
为什么被折叠?



