我尝试按照this Chrome Developers documentation中的代码执行，但有些地方出了问题，所以我想从我的oauth.js中添加一些console.log消息。
我可以通过右键点击任何页面并选择“inspect”直接在chrome中查看前台javascript的日志消息...我可以通过从管理扩展页面选择“service worker”查看后台javascript的日志...但是从oauth.js查看日志？-我不知道如何或在哪里查看它们。
我知道一些console.log（）调用一定是通过检查下面的错误报告进行的：
2条答案
按热度按时间7cjasjjr1#
要暂停执行Oauth.js代码并检查变量的值，可以尝试向oauth.js添加断点或放置调试器语句。通过选择“源”选项卡，在文件列表中找到oauth.js，然后单击要暂停代码执行的行号，可以完成此操作。
vsikbqxv2#
考虑到这么长的时间过去了，没有任何答案，我已经翻来覆去，并提出了以下想法查看日志的chrome扩展。
在chrome扩展中执行JavaScript似乎有三种不同的场景，查看每种场景的日志的实现方式都非常不同...
1.我们有“内容脚本”。要查看这些日志，只需右键单击浏览器的主体，选择“开发人员工具”，然后“检查”并导航到“控制台”显示。
1.我们有一个“service worker”，它是一个一直运行的JavaScript。要查看这些日志，我们需要进入“管理扩展”页面，然后点击扩展的“Inspect views service worker”链接（只有在选择开发者模式时才能看到）
1.我们有任何JavaScript是从“default_popup”调用的。要查看这个，你必须首先通过点击chrome顶部工具栏中扩展的图标来显示弹出窗口。然后在弹出窗口中右击并选择“developer tools”然后选择“inspect”。
还有一个奇怪的地方是，在查看日志时，服务工人永远不会被关闭，所以如果你正在查看服务工人的日志，并且想重新加载新版本的扩展，那么你必须先关闭查看窗口。