index.rst (2135B)
1 ============== 2 Page Inspector 3 ============== 4 5 Use the Page Inspector to examine and modify the HTML and CSS of a page. 6 7 You can examine pages loaded in the local copy of Firefox or in a remote target such as Firefox for Android. See :doc:`about debugging <../about_colon_debugging/index>` to learn how to connect the developer tools to a remote target. 8 9 10 User Interface Tour 11 ******************* 12 13 To find your way around the Inspector, here's a :doc:`quick tour of the UI <ui_tour/index>`. 14 15 You can split the Rules view out into its own pane, separate from the other tabs on the CSS pane — this is called :doc:`3-pane mode <3-pane_mode/index>`. 16 17 18 How to 19 ****** 20 21 To find out what you can do with the Inspector, see the following how to guides: 22 23 - :doc:`Open the Inspector <how_to/open_the_inspector/index>` 24 - :doc:`Examine and edit HTML <how_to/examine_and_edit_html/index>` 25 - :doc:`Examine and edit the box model <how_to/examine_and_edit_the_box_model/index>` 26 - :doc:`Inspect and select colors <how_to/inspect_and_select_colors/index>` 27 - :doc:`Reposition elements in the page <how_to/reposition_elements_in_the_page/index>` 28 - :doc:`Edit fonts <how_to/edit_fonts/index>` 29 - :doc:`Visualize transforms <how_to/visualize_transforms/index>` 30 - :doc:`Select an element <how_to/select_an_element/index>` 31 - :doc:`Examine and edit CSS <how_to/examine_and_edit_css/index>` 32 - :doc:`Examine event listeners <how_to/examine_event_listeners/index>` 33 - :doc:`Work with animations <how_to/work_with_animations/index>` 34 - :doc:`Edit CSS filters <how_to/edit_css_filters/index>` 35 - :doc:`Edit CSS shapes <how_to/edit_css_shapes/index>` 36 - :doc:`View background images <how_to/view_background_images/index>` 37 - :doc:`Use the Inspector from the Web Console <how_to/use_the_inspector_from_the_web_console/index>` 38 - :doc:`Examine CSS grid layouts <how_to/examine_grid_layouts/index>` 39 - :doc:`Examine CSS flexbox layouts <how_to/examine_flexbox_layouts/index>` 40 - :doc:`Use the Accessibility Inspector <../accessibility_inspector/index>` 41 42 43 Reference 44 ********* 45 46 - :ref:`Keyboard shortcuts <keyboard-shortcuts-page-inspector>` 47 - :ref:`Settings <settings-inspector>`