Chrome extension的调试
chrome extension的调试其实还是很方便的.
单独调试
- content调试
- devtooles, 左上角选择content-script
- console这里也是可以选择调试content还是页面
- pop
- 直接右键就可以调试.
- back
- 在插件页面可以点击back进入后台调试页面.
注意:
- 这些调试页面也是页面, 也可能插件插进来, 尤其是后台调试页面
通用方法:
- 用插件的id是可以调试代码的.
- 比如我的popup.html: chrome-extension://plfilniddlhhfmhhcmganobhdjpjcmef/popup.html
联调
- 后台页面可以在background里面直接改.
- 前台页面这边可以在console发消息给后台.
设置
- 如果想在调试的时候直接修改页面. 那么就要设置local source