Hi,
could you please explain me how to debug Chrome extension's content script??

I'm developing a 'content script' extension and I'm launching chrome with --load-extension parameter.

I need to set breakpoints and step/run through my script as it executes.

I have managed to debug script code contained in background page of my extension, but I do not know how to debug code contained in my script file.

Could you please describe the steps to take to debug content script using Developer Tools? Is there other debuggers for Chrome besides Developer Tools?


Thanks in advance!

I dont debug much but I know the content scripts are part of the page their attached to and you can use the Developer Tools that way....bring up the Developer Tools for the page and your content script will be under scripts.

Thanks for your replay, PAEz, but my script is not present in Development Tools under Scripts. I see other scripts there, not main. So this is exactly my problem - I can not access my script for debugging.

Even though I have inserted allowBreakpoints=true; and debugger; statments into my script code and have Developers Tools opened...

But my script do its work. Is it possible to debug it?

Any ideas?

Sounds to me that there is something wrong with your manifest.json file.

Check for spelling errors, or try using more lenient wildcards...

I'm injecting a content script into a page, the code works, but the list of scripts in the debugger does not have my script.

Does anyone know how to make the chrome debugger show my content scripts?

http://stackoverflow.com/questions/1...-google-chrome
This link might help. I have the same problem as you and find it might be helpful. Though I didn't get it done yet.