Chrome扩展弹出窗口中console.log无法打印的问题求助
2026-5-22
解决Chrome扩展Popup中console.log无输出的问题
嘿，这个问题我太熟了！你的代码和配置本身没啥问题，之所以看不到console.log的输出，是因为Chrome扩展的Popup页面有自己独立的开发者工具，不是你平时打开的主浏览器控制台哦。
怎么查看Popup的控制台输出？
- 方法一：右键点击浏览器工具栏上的你的扩展图标，选择检查（Inspect），这会直接打开Popup专属的开发者工具，切换到
Console标签就能看到你打印的"started"了。 - 方法二：先点击扩展图标打开Popup页面，然后在Popup的空白区域右键，选择检查（Inspect），同样能打开对应的开发者工具查看控制台。
额外排查小提示
- 确认
jquery.min.js的文件路径是否正确，如果路径错了，jQuery加载失败，$(document).ready里的代码根本不会执行，自然也看不到输出。你可以在Popup的开发者工具的Network标签里查看jQuery是否加载成功。 - 如果你用的是较新版本的Chrome（Chrome 88及以上），
manifest.json里的browser_action已经被action替代了，不过旧写法还是兼容的，这不是导致控制台无输出的原因。
附上你的配置和代码以便参考：
manifest.json 配置
"browser_action":{ "default_icon":"icon.png", "default_popup":"opennotes.html" }
opennotes.html 代码
<head> <meta charset="utf-8"> <title>Hello World</title> <script type="text/javascript" src="jquery.min.js"></script> <script language="javascript" type="text/javascript" > $(document).ready(function () { console.log("started"); }); </script> </head> <body> <h1>First Extension Example</h1> <p>console no...</p> </body>
内容的提问来源于stack exchange，提问作者vinay
相关产品推荐
相关产品推荐
