Alex Rivera | Logout

Debug popup.html of a Chrome Extension?

Asked 2011-02-18T09:59:04.557
81

I'm making a Chrome Extension and need to view the HTML/CSS/JS of the popup.html.

I can't right click to inspect elements. Is there another way? I need to make sure CSS and JavaScript is being inserted correctly. How to debug a problem in that popup file?

javascript debugging google-chrome-extension
Edit
Report

1 Answer

41

Perhaps another way may be to find the ID: for your application in chrome://chrome/extensions/

You can then load your popup in a regular window by 

chrome-extension://id_of_your_application/popup.html

Exchange popup.html for the file you have specified in manifest.json under "default_popup" property.

answered 2012-09-06T10:50:20.113

Your Answer