blocks|key|374494|text|对于想要查看chrome扩展的“内容脚本”的调试控制台的追随者，可以通过执行常规的"show+developer+console“来访问，然后使用下拉箭头选择它的"javascript环境”，然后你就可以访问它的方法，等等。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|374495|​|374496|📷|atomic|offset|length|374497|374498|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/0eda9500c4fc2a27ab0e40bc1bf17b97.png|imageAlt^0|0|0|0|1|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@$G|V|H|W|1|X]]|A|$]]|$1|I|3|C|5|6|7|Y|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|K|$L|$5|M|N|O|A|$P|Q|R|-4]]]]

For followers who wish to see the debug console for a "content script" of their chrome extension, it is available by doing a normal "show developer console" then use the dropdown arrow to selects its "javascript environment" then you'll have access to its methods, etc.

<a href="https://i.stack.imgur.com/x1urQ.png" rel="noreferrer"><img src="https://i.stack.imgur.com/x1urQ.png" alt="enter image description here"></a>

blocks|key|590286|text|我也有同样的问题，在我的例子中，在Chrome开发者工具的控制台选项卡中，日志被设置为“全部隐藏”。我甚至没有意识到这是一个选项，我也不记得把它关掉了|type|unstyled|depth|inlineStyleRanges|entityRanges|data|590287|​|590288|📷|atomic|offset|length|590289|590290|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/a8da06c84e19940e963ead4d8894c8b8.png|imageAlt^0|0|0|0|1|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@$G|V|H|W|1|X]]|A|$]]|$1|I|3|C|5|6|7|Y|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|K|$L|$5|M|N|O|A|$P|Q|R|-4]]]]

I had the same problem, in my case the logging was set to "Hide all" in the console tab in Chrome Developer tools.
I had not even realised this was an option, and I can't remember turning it off

<a href="https://i.stack.imgur.com/9JGOd.png" rel="noreferrer"><img src="https://i.stack.imgur.com/9JGOd.png" alt="screenshot of setting in console tab in chrome dev tools"></a>

blocks|key|374699|text|与Michiel的答案类似，我也有一个有趣的控制台配置:一个我不记得设置的过滤器：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|374700|​|374701|📷|atomic|offset|length|374702|374703|清除过滤器后，我看到了消息。|374704|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/6f2992c9370805ec16c56091e32096f1.png|imageAlt^0|0|0|0|1|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|V|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|W|8|@]|9|@$G|X|H|Y|1|Z]]|A|$]]|$1|I|3|C|5|6|7|10|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|11|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|M|$N|$5|O|P|Q|A|$R|S|T|-4]]]]

Similar to the answer of Michiel i also had a funny console configuration: A filter i dont remember setting:

<a href="https://i.stack.imgur.com/kB0Sm.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/kB0Sm.png" alt="enter image description here"></a>

After clearing the filter i saw the messages.

blocks|key|590423|text|我也遇到过这个问题。我的网页似乎没有更新到新保存的脚本。通过在chrome浏览器中按Ctrl+%2B刷新(或Ctrl+%2B+F5)可以解决此问题。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|590424|entityMap^0|16|4|1G|4|1N|2|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]|$9|M|A|N|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|O|8|@]|D|@]|E|$]]]|G|$]]

I had this problem as well. It seems as though my webpage was not updating to the newly saved script. This was solved by pressing <code>Ctrl</code> + refresh (or <code>Ctrl</code> + <code>F5</code>) in the chrome browser.

blocks|key|374787|text|如果我们想从弹出页面读取打印到控制台的消息，我们可以单击扩展图标打开弹出页面，然后在弹出页面的任意位置右击，将显示一个下拉菜单，我们只需单击“检查”菜单即可打开开发人员工具。请注意，弹出页面必须保持打开状态。如果它被关闭(通过window.close())，开发者工具也将被关闭。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|374788|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

If we want to read messages printed to console from the popup page, we can click the extension icon to open the popup page, then do right click on the popup page anywhere, a dropdown menu will display, we just click "Inspect" menu to open the developer tool. Notice that the popup page must be keep opening. If it is closed(by window.close()), the developer tool will be closed too.

blocks|key|374822|text|其他答案适用于background.js，但是，如果您正在从弹出窗口中查找console.logs，则可以尝试：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|374823|var+bkg+=+chrome.extension.getBackgroundPage();
bkg.console.log('foo');|code-block|syntax|javascript|374824|我使用cra进行开发，这对我很有效。|374825|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

The other answer(s) work(s) for background.js but, if you are looking for console.logs from the popup then you can try:
<pre><code>var bkg = chrome.extension.getBackgroundPage();
bkg.console.log('foo');
</code></pre>
I was developing using cra, and this worked for me.

I just started out with Google Chrome extensions and I can't seem to log to console from my background js. When an error occurs (because of a syntax error, for example), I can't find any error messages either.

My manifest file:

<pre><code>{
 "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"
 ]
}
</code></pre>

background.js:

<pre><code>alert("here");
console.log("Hello, world!")
</code></pre>

When I load the extension, the alert comes up but I don't see anything being logged to console. What am I doing wrong?

Accessing console and devtools of extension's background.js

我刚开始使用Google Chrome扩展，我似乎无法从后台js登录到控制台。当发生错误时(例如，由于语法错误)，我也找不到任何错误消息。我的清单文件：{  "name": "My First Extension",  "version": "1.0",  "manifest_version": 2,  "descri...

问访问扩展background.js的控制台和开发工具
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问访问扩展background.js的控制台和开发工具EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问访问扩展background.js的控制台和开发工具
EN