我刚开始使用 Google Chrome 扩展,我似乎无法从我的后台 js 登录到控制台。当发生错误时(例如由于语法错误),我也找不到任何错误消息。
我的清单文件:
{
"name": "My First Extension",
"version": "1.0",
"manifest_version": 2,
"description": "The first extension that I made.",
"browser_action": {
"default_icon": "icon.png"
},
"background": {
"scripts": ["background.js"]
},
"permissions": [
"pageCapture",
"tabs"
]
}
背景.js:
alert("here");
console.log("Hello, world!")
当我加载扩展时,警报出现,但我没有看到任何内容被记录到控制台。我做错了什么?
另外
如果您想在
manifest.json中查看
content_script
js文件(当“背景”属性未设置时)
"content_scripts": [{
"matches": ["<all_urls>"],
"js": ["popup.js"],
}]
"browser_action": {
"default_icon": "icon_32.png",
"default_popup": "popup.html"
}
然后右键单击扩展图标并单击Inspect popup和开发者窗口打开popup.html打开,在那里你看到控制台选项卡。
其他答案适用于 background.js 但是,如果您正在从弹出窗口中寻找 console.logs 那么您可以尝试:
var bkg = chrome.extension.getBackgroundPage();
bkg.console.log('foo');
我正在使用 cra 进行开发,这对我有用。
我也有这个问题。好像我的网页没有更新到新保存的脚本。这是通过在 chrome 浏览器中按
Ctrl
+ 刷新(或 Ctrl
+ F5
)来解决的。
如果我们想从弹出页面读取打印到控制台的消息,我们可以点击扩展图标打开弹出页面,然后右键点击弹出页面的任意位置,会显示一个下拉菜单,我们只需点击“检查”菜单打开开发者工具。请注意,弹出页面必须保持打开状态。如果它被关闭(通过window.close()),开发者工具也将被关闭。
对于那些为 Firefox 开发扩展的人:
TL;DR 版本:您需要使用 Ctrl+Shift+J 调出浏览器控制台窗口,然后单击右上角的设置图标并确保选中“显示内容消息”。
相关 stackoverflow 问题的详细解释:How do I see the console.log output of a background script in a Firefox WebExtension?