Content script file not visible in addon debugger

Question

I've created an addon using the addon SDK and installed it in Firefox (version 35.0.1). The addon has the following files -

• data/login.js (content script file)
• lib/main.js (main addon code)
• test/test-main.js (auto-generated)
• package.json

In the main addon code I'm creating a panel, and the content script file is loaded using the contentScriptFile property of the panel. However when I launch the addon debugger, I'm able to see only the main.js script and not the content script. I've checked that the xpi file actually contains the content script file. So why isn't the debugger showing it?

Answer 1

I think I found it (using Firefox Developer Edition 42.0a2 though).

1. Open the Default Web developer Tools (Ctrl+shift+I)
2. Go to Settings (cog wheel top right)
3. Enable "Advanced Settings" > "Enable worker debugging (in development)"
4. Enable "Inspector" > "Show Browser styles" (for seeing your content style (files))
5. Reload the page