ansaurus

Question

Google Chrome Javascript Debugger and Content Scripts

Answer 1

+1 A:

Right-click and select Inspect Element, there you'll find the JS debugger, among other debugging tools. The JS debugger should allow you to set breakpoints, etc.

Scott 2009-05-21 23:36:58

Well, this is the JavaScript Console, not the debugger. There seems to be a difference. I'm likely being dense here, but I can't find a way to insert breakpoints into the script at this point.How do I see a content script function that I've added as an Event Listener to a particular object?e.g. I want to be able to debug 'myFuncHere()' in this.addEventListener('click', myFuncHere, true);

Clayton Hughes 2009-05-22 00:39:45

If you click the "Scripts" button at the top of the Inspector window, that should be the debugger. You can select a particular script source from a drop down menu and then click on the line number to set a breakpoint.

Scott 2009-05-22 05:34:36

Thanks for the tip, Scott, but I don't see any of my user scripts there, just the ones from the website proper. Am I missing something?

Clayton Hughes 2009-05-22 18:56:39

I installed the sample GMail checker extension http://dev.chromium.org/developers/design-documents/extensions/samples and by right clicking on the installed button at the bottom was able to select 'Inspect Element" which brought up the inspector / debugger scoped to just the extension.

Scott 2009-05-22 20:31:59

Answer 2

A:

I'm a bit confused about this as well. On my home computer the "Scripts" button is there. On my work computer it is not. I'm not really sure what the difference is between the two installs. They're generally installed/updated at the same time (same day at least).

2009-06-16 17:05:45

Is one of the machines on the Dev/Beta branch and one on the release branch? Check the "about google chrome" info on the little wrench icon menu.

EricLaw -MSFT- 2009-09-18 15:19:42

Answer 3

A:

What you have to do is enable your extension, then in Chrome click "Developer" -> "Javascript Console". Then click the "Scripts" tab. After that you should see a listing just below of all the loaded scripts. You will see scripts for the current page as well as all the scripts for any extensions you have installed. (If you don't see any scripts listed after opening the console, you may have to refresh)

It seems that all Chrome extensions get assigned a unique ID. You can find out your ID by viewing the Chrome Extensions page in Developer Mode.

Then it's just a matter of searching through the scripts in the dropdown for your script. Select your script and you can set breakpoints etc.

There's a lot more info on the Chrome Dev Tools here: http://www.chromium.org/devtools

sym3tri 2010-07-02 06:17:17

Answer 4

A:

Put the following command in your script:

debugger;

That will launch the Javascript debugger when it gets to that point

Rory 2010-10-13 10:39:41

ansaurus

tags:

views:

answers:

Google Chrome Javascript Debugger and Content Scripts

related questions