71

我在编写 JS 时大量使用 console.log 进行调试。我正在尝试使用它来编写 chrome 扩展，但它不起作用。这里有什么诡计吗？？？

popup.html

<!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>

popup.js

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

这些都没有出现在 JS 调试器中。

4

1 回答 1

166

我一开始也有这个问题！确保您打开了正确的开发人员工具窗口...我的意思是，您可能打开了主页的开发人员工具窗口，而不是扩展程序的页面（即 popup.html）。

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

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

于 2013-02-13T17:09:07.287 回答