javascript - Devtools 不显示控制台或扩展弹出请求?

标签 javascript google-chrome-extension

<分区>

我在写 JS 时大量使用 console.log 进行调试。我正在尝试使用它来编写 chrome 扩展,但它不起作用。是不是有什么猫腻???

弹出窗口

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <link type="text/css" rel="stylesheet" href="css/jquery-ui-1.10.0.custom.min.css" />
    <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="js/jquery-ui-1.10.0.custom.min.js"></script>
    <script type="text/javascript" src="js/popup.js"></script>
</head>

<body style="width: 200px">
</body>

弹出窗口

console.log('test1');
$(document).ready(function() {
    console.log('test2');
});

这些都不会出现在 JS 调试器中。

最佳答案

我一开始也有这个问题!确保您打开了正确的开发人员工具窗口...我的意思是,您可能已经打开了主页的开发人员工具窗口而不是扩展页面(即 popup.html)。

要打开开发人员工具窗口以检查弹出窗口,请右键单击弹出窗口,然后单击“检查元素”...这将打开正确的开发人员工具窗口。

我最初犯了这个愚蠢的错误并被卡住了..:)

关于javascript - Devtools 不显示控制台或扩展弹出请求?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14858909/

相关文章:

javascript - 使用 javascript 实现同义词搜索

javascript - 检查相关对象在 Ember 和 Ember 数据中是否为 null

javascript - 获取 3 个数组元素并使它们成为单一格式的字符串

google-chrome - 边缘扩展和非 UWP 应用程序之间的本地消息传递

javascript - 我可以在没有后台脚本的情况下从 popup.js 向内容脚本发送消息吗?

javascript - Deno,Fresh 框架 - html 模板操作

javascript - Javascript 中的构造函数属性是否有好的用例?

javascript - 如何使用 chrome-extension 收听 xhr 响应?

javascript - 为来自特定域的页面启用 Devtools 扩展?

javascript - Chrome 扩展——将 popup.js 中的数组传递到注入(inject)的 javascript 文件中