google-chrome-devtools

I want to send message from the console of the random web page to my chrome extension. chrome.extension.sendMessage doesn't seem to work. Silviu-Marian According to the official docs you should use postMessage in the sender and message event listener in the receiver. Here is an example: Your website's page.html var data = { type: "FROM_PAGE", text: "Hello from the webpage!" }; window.postMessage(data, "*"); Content script: (injected using chrome.tabs.executeScript(tabid, {code:... ) window.addEventListener("message", function(event) { // We only accept messages from ourselves if (event.source

According to Google this you to be accomplished by visiting "chrome-devtools://devtools/devtools.html" in Chrome but now visiting that page in the stable version of Chrome (or Canary), just shows a 99% stripped version of the inspector. To reiterate my "title" this is in reference to "inspecting" the inspector. Not just inspecting a normal webpage. And while I don't think it's necessary to know to resolve the issue, I"m inspecting the inspector so I can style it as discussed by Paul Irish and here: http://darcyclarke.me/design/skin-your-chrome-inspector/ JDavis Follow these easy steps! Press

I cannot seem to get the DevTools Devices feature to work on my Samsung Galaxy S4 even after following the steps outlined at https://developers.google.com/chrome-developer-tools/docs/remote-debugging My device has Chrome v32 and Chrome Beta v33, while my PC has Chrome v33 and Chrome Canary v35. USB debugging is enabled on my device and device driver has been installed. I have never got the prompt as outline in step 3 from the above link to approve the RSA key fingerprint yet the device does connect to my PC to allow media transfer. I have even revoked all USB debugging authorizations as per

Chrome's Developer Tools rock, but one thing they don't seem to have (that I could find) is a way to find a JavaScript function's definition. This would be super handy for me because I'm working on a site that includes many external JS files. Sure grep solves this but in the browser would be much better. I mean, the browser has to know this, so why not expose it? What I expected was something like: Select 'Inspect Element' from page, which highlights the line in the Elements tab Right-click the line and select 'Go to function definition' Correct script is loaded in the Scripts tab and it jumps