如何调试chrome extension中的popup.html?

作为一个开发者,调试chrome扩展中的popup.html不是意见容易的事情。最主要的原因就是找不到如何开启调试器的方法。

需要调试这个页面,不能够通过点击icon的弹出页面调试,需要单独开启这个页面才行,但是这个页面具体的url是哪个呢?经过寻找,发现这样的url是:

chrome-extension://your app id/popup.html

例如正在开发一款工具,popup.html的地址就是

chrome-extension://okbmjnfimbkiocogpepgjfhknknehime/popup.html

不仅是这个页面,其他的页面也可以通过这样的方式来访问和调试。

补充:右键点击ICON,选择“审查弹出内容”也能够对popup.html进行调试

此条目发表在产品, 研发分类目录,贴了标签。将固定链接加入收藏夹。

发表评论