.Js extension files not showing up in Chrome debugger

Question

.Js extension files not showing up in Chrome debugger

When I right-click the icon for my extension in development and click Inspect Popup (or when I click the icon and select "Inspect Element") and look under the "Sources" tab, my .js file is nowhere to see - only a long list of checked files like apitest, devtools, json_schema etc. However, I can find the code in the Elements tab by following the link in the .html file, but that doesn’t lead wherever I am.

I also downloaded the "Hello, world" extension, which the Google tutorial provides, and when I check it, its .js file is right there. I can not imagine what I did differently from the example tutorial to trigger this.

This is the version of Chrome version 22.0.1229.94 running in the Linux virtual machine. If you need more information, please let me know.

+5

javascript google-chrome google-chrome-devtools google-chrome-extension

Zhankfor Feb 27 '13 at 3:06

source share

3 answers

If I understand your question correctly,

There are two more tabs on the Sources tab: one says Sources, and the other says Content Scripts. You need to click the "Content Contexts" tab, and there you will find what you are looking for.

enter image description here