Chrome扩展名包含许多.js文件,其中manifest.json列出了其中一些文件
content_scripts
部分和其中一些在里面
background
部分
"content_scripts": [
{
"matches": ["<all_urls>"],
"js": ["content/interestingScript.js"
"match_about_blank": true,
"all_frames": true
},
],
"background":
{
"scripts": ["background/background.js"]
},
我将Chrome切换到开发模式并添加这个扩展。扩展程序正在按预期完全工作。我想在里面的某段代码上设置一个断点
interestingScript.js
我肯定知道是在扩展操作期间执行的。
当我在chrome://extensions/?id=longRandomString它说我可以检查后台页面,并且有一个链接。我按照链接进入DevTools,然后进入“Sources”选项卡。这个
background.js
列在左边但是
兴趣脚本.js
没有在那里列出。
this answer
打开“内容脚本”选项卡,但脚本也不存在。我试图进入“文件系统”选项卡,添加存储源的文件夹,添加脚本,但不命中断点。我试着在代码中添加“debugger;”行,我确信它正在执行,但还是没有发生任何事情。我也试着插入
alert()
调用该代码-即使我在扩展页面(chrome://extensions/?id=长随机字符串)
我不明白。
如何在Chrome DevTools中调试此代码?我做错什么了?
