Forum Moderators: travelin cat

Message Too Old, No Replies

Web Inspector - "browse the live DOM hierarchy"

Addition to WebKit (eventually Safari)

         

whoisgregg

5:46 pm on Jan 17, 2006 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



From Surfin' Safari Introducing the Web Inspector [webkit.opendarwin.org]

... new addition to WebKit—the Web Inspector. The Web Inspector lets you browse the live DOM hierarchy in a compact HUD style window, catering to the needs of web developers and WebKit hackers alike.

The Web Inspector highlights the node on the page as it is selected in the hierarchy. You can also search for nodes by node name, id and CSS class name.

Much nicer than the "Inspect DOM Tree" object in the Debug menu in Safari, and very slick UI compared to equivalent Firefox tools.

Added: You call up the Web Inspector by right-clicking *any* element on a page. Then you can browse up or down through the hierarchy. It's really useful. This is the first time I've decided to keep Webkit installed. :)