EDIT: this answer doesn’t work on new chrome versions see: chrome canvas inspector 2015 In Chrome Canary: in your browser, enter this url chrome://flags/ enable Enable Developer Tools experiments relaunch Chrome in the developer tools, click the gear to bring up developer preferences select experiments from the menu select Canvas Inspections close devtools, refresh the … Read more
If you hold ctrl + alt for windows (just opt on a mac) while clicking on the arrow of the element you want to expand, it will expand and all of its children will expand. So, if you ctrl + alt click on the <html> tag, that should expand the entire page. This Link lists … Read more
This is the easiest way and the way I do it: Inspect the element you want to add the ::before or ::after to by right clicking it and going to “Inspect Element”. Now in the Developer Tools Console, click on the plus sign icon aka. “New Style Rule”. See the image below, the plus sign … Read more
As I said some configuration changed. All I need to do is click on filter icon (it’s active when it’s color is blue). And then select the type of request I want to see. Default option is to select All or just to visit xhr request, select xhr.
Using Chrome 15.0.865.0 dev. There’s an “Event Listeners” section on the Elements panel: And an “Event Listeners Breakpoints” on the Scripts panel. Use a Mouse -> click breakpoint and then “step into next function call” while keeping an eye on the call stack to see what userland function handles the event. Ideally, you’d replace the … Read more
Use the Computed Style panel of the element inspector. Expand the property of interest to see the list of applicable rules, and which one won.
For me the current answers didn’t explain the issue fully enough, so I am adding this answer which hopefully might be useful to others. Greyed/dimmed out text, can mean either it’s a default rule/property the browser applies, which includes defaulted short-hand properties. It involves inheritance which is a bit more complicated. Inheritance Note: Chrome dev … Read more