google-chrome-extension - 如何使用console.log()调试Chrome扩展程序?

标签 google-chrome-extension google-chrome-devtools

我正在尝试使用调试我的Chrome扩展程序

console.log("message");

我的扩展程序工作正常(大部分情况下),我单击的按钮调用执行某些功能的函数。每个函数都作为consloe.log()调试行。

如果我在加载chrome后打开chrome控制台(ctrl + shift + i),则无论我做什么,它都将保持空白。 Chrome设置为开发人员模式。

最佳答案

确保您打开了正确的开发者控制台。您需要转到背景页面控制台的generated background page和 pop 菜单的right click -> inspect popup。有一个类似的问题的答案,带有漂亮的gif,如果可以找到,我会链接它。

关于google-chrome-extension - 如何使用console.log()调试Chrome扩展程序?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16846081/

相关文章:

javascript - chrome 扩展中的表单值为空

javascript - Chrome 扩展程序 : Why Isn't It Working?

javascript - 如何使用 chrome.storage.sync.remove 从数组中删除一项?

google-chrome-devtools - 在 Google Chrome 开发者工具的 Sources 选项卡中查找下一个(键盘快捷键)

google-chrome - 想要创建像工具提示这样的 Chrome 扩展

javascript - 用于 chrome 扩展的 iFrame 的跨域问题

javascript - 如何从具有 chrome 扩展名的事件选项卡中获取段落?

css - chrome 开发工具中的元素尺寸与 css 中设置的元素尺寸不同

javascript - Chrome : use sourcemaps to debug contentscript

google-chrome-devtools - 这些是什么 No beacon、Next in ... Chrome 开发者控制台中的日志消息