Devtools 不显示控制台或扩展弹出窗口的请求?

在编写 JS 时,我大量使用 console. log 进行调试。我试图使用它在写铬扩展,但它不工作。这里面是不是有什么诡计?

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 调试器中。

20418 次浏览

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

要打开用于检查弹出窗口的开发人员工具窗口,右键单击弹出窗口,然后单击“查看元素”... 这将打开右侧的开发人员工具窗口。

我一开始犯了这个愚蠢的错误,然后就卡住了