O'Reilly logo

PHP jQuery Cookbook by Vijay Joshi

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Inspecting elements

This recipe will introduce the HTML panel of Firebug and how it can be used to inspect the document structure, select an HTML element, and watch its CSS style.

How to do it...

  1. Open an HTML page, for example, http://www.google.com in your browser.
  2. Now click on the arrow icon from the Firebug bar and move your mouse pointer over any element on the page. The element will be highlighted and in the Firebug panel you will see details of that HTML element, as seen in the following screenshot:
    How to do it...
  3. Another method, which is faster and more accurate, is to right-click on an element and click on Inspect Element on the context menu. Firebug will ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required