From 0ebf5bdf043a27fd3dfb7f92e0cb63d88954c44d Mon Sep 17 00:00:00 2001 From: Daniel Baumann Date: Fri, 19 Apr 2024 03:47:29 +0200 Subject: Adding upstream version 115.8.0esr. Signed-off-by: Daniel Baumann --- devtools/docs/user/page_inspector/index.rst | 47 +++++++++++++++++++++++++++++ 1 file changed, 47 insertions(+) create mode 100644 devtools/docs/user/page_inspector/index.rst (limited to 'devtools/docs/user/page_inspector/index.rst') diff --git a/devtools/docs/user/page_inspector/index.rst b/devtools/docs/user/page_inspector/index.rst new file mode 100644 index 0000000000..f9608e2ac7 --- /dev/null +++ b/devtools/docs/user/page_inspector/index.rst @@ -0,0 +1,47 @@ +============== +Page Inspector +============== + +Use the Page Inspector to examine and modify the HTML and CSS of a page. + +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. + + +User Interface Tour +******************* + +To find your way around the Inspector, here's a :doc:`quick tour of the UI `. + +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>`. + + +How to +****** + +To find out what you can do with the Inspector, see the following how to guides: + +- :doc:`Open the Inspector ` +- :doc:`Examine and edit HTML ` +- :doc:`Examine and edit the box model ` +- :doc:`Inspect and select colors ` +- :doc:`Reposition elements in the page ` +- :doc:`Edit fonts ` +- :doc:`Visualize transforms ` +- :doc:`Select an element ` +- :doc:`Examine and edit CSS ` +- :doc:`Examine event listeners ` +- :doc:`Work with animations ` +- :doc:`Edit CSS filters ` +- :doc:`Edit CSS shapes ` +- :doc:`View background images ` +- :doc:`Use the Inspector from the Web Console ` +- :doc:`Examine CSS grid layouts ` +- :doc:`Examine CSS flexbox layouts ` +- :doc:`Use the Accessibility Inspector <../accessibility_inspector/index>` + + +Reference +********* + +- :ref:`Keyboard shortcuts ` +- :ref:`Settings ` -- cgit v1.2.3