<p>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???</p> <p>popup.html</p> <pre class="prettyprint"><code><!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> </code></pre> <p>popup.js</p> <pre class="prettyprint"><code>console.log('test1'); $(document).ready(function() { console.log('test2'); }); </code></pre> <p>Neither of these appear in the JS debugger.</p>

<p>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).</p> <p>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.</p> <p>I had made this stupid mistake initially and was stuck.. :)</p>

Cannot get Chrome popup.js to use console.log [duplicate]

Tags:

javascript

google-chrome-extension

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.

350

asked Feb 13 '13 17:02

gdanko

1 Answers

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.. :)

157

answered Sep 21 '22 15:09

Sandeep Raju Prabhakar

Related questions
                            
                                How to programmatically clear/reset React-Select?
                            
                                jQuery Datepicker localization
                            
                                Javascript How to get first three characters of a string
                            
                                React form onChange->setState one step behind
                            
                                Why does the preflight OPTIONS request of an authenticated CORS request work in Chrome but not Firefox?
                            
                                Disable F5 and browser refresh using JavaScript
                            
                                How do I select a span containing a specific text value, using jquery?
                            
                                Can you tell JSON.Net to serialize DateTime as Utc even if unspecified?
                            
                                How to communicate between popup.js and background.js in chrome extension?
                            
                                store and retrieve javascript arrays into and from HTML5 data attributes
                            
                                Using Bootstrap Modal window as PartialView
                            
                                Creating Rooms in Socket.io
                            
                                Getting error while running simple javascript using node framework
                            
                                Difference between find() and filter().shift() on javascript
                            
                                Trying to pass in a boolean C# variable to a javascript variable and set it to true
                            
                                How can I exit from a javascript function? [duplicate]
                            
                                Is it possible to set multiple data attributes using the jQuery.attr() function?
                            
                                Is Number.IsNaN() more broken than isNaN()
                            
                                Mustache template string inside render as HTML
                            
                                Google Map event bounds_changed triggered multiple times when dragging

Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!

Donate Us With