Debug popup.html of a Chrome Extension?

javascript debugging google-chrome-extension
Skizit picture Skizit · Feb 18, 2011 · Viewed 21.9k times · Source

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?

Answer

TimCodes.NET picture TimCodes.NET · Feb 18, 2011

Right click the extension's button, then 'Inspect Popup'

Related questions

How to debug Google Chrome background script?

I have very simple extension: manifest.json { "name": "historyCleaner", "version": "0.1.1", "manifest_version": 1, "description": "This is my first Chrome extension", "background": { "scripts": ["cleaner.js"] }, "permissions": [ "history" ] } cleaner.js chrome.history.onVisited.addListener(function(HistoryItem result) { console.log("it works!"); alert("it …

Read More
JavaScript: How do I print a message to the error console?

How can I print a message to the error console, preferably including a variable? For example, something like: print('x=%d', x);

Read More
How do you launch the JavaScript debugger in Google Chrome?

When using Google Chrome, I want to debug some JavaScript code. How can I do that?

Read More