无法使Chrome popup.js使用console.log [英] Cannot get Chrome popup.js to use console.log

查看:470
本文介绍了无法使Chrome popup.js使用console.log的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

在编写JS时,我大量使用console.log进行调试。我试图用它来编写chrome扩展,但它不起作用。这里涉及到一些欺骗吗?



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>



popup.js

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

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆