无法让 Chrome popup.js 使用 console.log [英] Cannot get Chrome popup.js to use console.log
问题描述
我在编写 JS 时大量使用 console.log 进行调试.我正在尝试使用它来编写 chrome 扩展,但它不起作用.这里有什么诡计吗???
I use console.log heavily to debug when writing JS. I am trying to use it in writing chrome extensions but it is not working. Is there some trickery involved here???
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 调试器中.
Neither of these appear in the JS debugger.
推荐答案
我一开始也有这个问题!确保您打开了正确的开发人员工具窗口...我的意思是,您可能打开了主页面的开发人员工具窗口,而不是扩展程序的页面(即 popup.html).
I had this problem as well initially! Make sure you have correct developer tools window opened... I mean, you might have opened the developer tools window for the main page rather than the extension's page (ie. popup.html).
要打开用于检查弹出窗口的开发人员工具窗口,请右键单击弹出窗口,然后单击检查元素"...这将打开右侧的开发人员工具窗口.
To open the developer tools window for inspecting the popup, right click on the popup and then click 'inspect element'... That opens the right developer tools window.
我最初犯了这个愚蠢的错误并被卡住了..:)
I had made this stupid mistake initially and was stuck.. :)
这篇关于无法让 Chrome popup.js 使用 console.log的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!