Firebug style inspector using Chrome Inspector

Matt

When using Firebug extension, I'm able to click the pointer icon and as I move my mouse over the web page, it will highlight the div I'm on both visually over the element, and also in the code source in the panel beneath.

I cannot figure out, if I'm using a native inspector (like the one for chrome) how to accomplish the same result? As I move my mouse over images on the web page in chrome, nothing happens, but if I move my mouse over the source code panel of the inspector, elements in the page will highlight.

It seems far more easier to me to point to some visual element on the page vs moving your mouse up and down code to find the element to select.

Is this possible?

Sebastian Zartner

Only Firebug and the native Firefox DevTools implement this.

Web Inspector/Chrome DevTools do not have that feature. You may want to file an enhancement request for them, though:

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at
0

Comments

0 comments
Login to comment

Related

From Dev

Firebug style code inspector for iPhone / iPad?

From Dev

How to reset chrome inspector?

From Dev

SocketIO Chrome Inspector Frames

From Dev

chrome canvas inspector 2015

From Dev

How to extend Firebug's inspector feature?

From Dev

JavaFX and Firebug Lite in web page inspector mode

From Java

Using Chrome's Element Inspector in Print Preview Mode?

From Dev

Chrome Inspector - Show modified changes

From Dev

ie/chrome inspector causes redraw

From Dev

ie/chrome inspector causes redraw

From Dev

What does it mean when a class style is greyed out in Chrome's style inspector?

From Dev

Firefox Document Inspector, Firebug & Webkit Developer Tools (Chrome/Safari) not updating HTML to reflect checked status of checkboxes loaded via AJAX

From Dev

How to change properties values in Firebug inspector with the mouse wheel?

From Dev

Chrome Devtools: If I map my local resources to network resources my source map links in the style inspector disappears

From Dev

Style For Span Class Not Showing Up In Inspector Styles

From Dev

What is a TextTracks tab in Network Chrome Inspector?

From Java

Is it possible to filter options requests in chrome inspector?

From Dev

Where to see font files loaded by chrome in the inspector?

From Dev

Chrome inspector not showing body outline correctly

From Dev

.data() fails to update code showed in the Chrome inspector

From Dev

Chrome code inspector -- What does the «== $0» means?

From Dev

Google Chrome Inspector on Remote Devices not working

From Dev

Fix Chrome 46's new inspector layout

From Dev

Google Chrome Inspector regex to filter JPG files

From Dev

AVD: Is there an inspector?

From Dev

Using the Ember Inspector within a JS Bin

From Dev

Hide/show variables in the inspector using an enum

From Dev

Safari Web Inspector not Showing elements and Style Panel when debugging iPhone

From Dev

How do I use Firebug's or Firefox DevTools' inspector to view just one element?

Related Related

  1. 1

    Firebug style code inspector for iPhone / iPad?

  2. 2

    How to reset chrome inspector?

  3. 3

    SocketIO Chrome Inspector Frames

  4. 4

    chrome canvas inspector 2015

  5. 5

    How to extend Firebug's inspector feature?

  6. 6

    JavaFX and Firebug Lite in web page inspector mode

  7. 7

    Using Chrome's Element Inspector in Print Preview Mode?

  8. 8

    Chrome Inspector - Show modified changes

  9. 9

    ie/chrome inspector causes redraw

  10. 10

    ie/chrome inspector causes redraw

  11. 11

    What does it mean when a class style is greyed out in Chrome's style inspector?

  12. 12

    Firefox Document Inspector, Firebug & Webkit Developer Tools (Chrome/Safari) not updating HTML to reflect checked status of checkboxes loaded via AJAX

  13. 13

    How to change properties values in Firebug inspector with the mouse wheel?

  14. 14

    Chrome Devtools: If I map my local resources to network resources my source map links in the style inspector disappears

  15. 15

    Style For Span Class Not Showing Up In Inspector Styles

  16. 16

    What is a TextTracks tab in Network Chrome Inspector?

  17. 17

    Is it possible to filter options requests in chrome inspector?

  18. 18

    Where to see font files loaded by chrome in the inspector?

  19. 19

    Chrome inspector not showing body outline correctly

  20. 20

    .data() fails to update code showed in the Chrome inspector

  21. 21

    Chrome code inspector -- What does the «== $0» means?

  22. 22

    Google Chrome Inspector on Remote Devices not working

  23. 23

    Fix Chrome 46's new inspector layout

  24. 24

    Google Chrome Inspector regex to filter JPG files

  25. 25

    AVD: Is there an inspector?

  26. 26

    Using the Ember Inspector within a JS Bin

  27. 27

    Hide/show variables in the inspector using an enum

  28. 28

    Safari Web Inspector not Showing elements and Style Panel when debugging iPhone

  29. 29

    How do I use Firebug's or Firefox DevTools' inspector to view just one element?

HotTag

Archive