无法使Chrome popup.js使用console.log [英] Cannot get Chrome popup.js to use console.log
问题描述
popup.html
<!DOCTYPE HTML PUBLIC - // W3C // DTD HTML 4.01 // ENhttp://www.w3.org/TR/html4/strict.dtd\">
< html>
< head>
< link type =text / css =stylesheethref =css / jquery-ui-1.10.0.custom.min.css/>
< script type =text / javascriptsrc =js / jquery-1.9.1.min.js>< / script>
< script type =text / javascriptsrc =js / jquery-ui-1.10.0.custom.min.js>< / script>
< script type =text / javascriptsrc =js / popup.js>< / script>
< / head>
< body style =width:200px>
< / body>
的console.log( 'TEST1');
$(document).ready(function(){
console.log('test2');
});
这些都不会出现在JS调试器中。
我最初也遇到了这个问题!确保你打开了正确的开发者工具窗口......我的意思是,你可能已经打开了主页面的开发者工具窗口而不是扩展的页面(即popup.html)。
要打开用于检查弹出窗口的开发人员工具窗口,请右键单击弹出窗口,然后单击'检查元素'...即打开正确的开发人员工具窗口。
我最初犯了这个愚蠢的错误,被卡住了。:)
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');
});
Neither of these appear in the JS debugger.
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屋!