From 6bf0a5cb5034a7e684dcc3500e841785237ce2dd Mon Sep 17 00:00:00 2001 From: Daniel Baumann Date: Sun, 7 Apr 2024 19:32:43 +0200 Subject: Adding upstream version 1:115.7.0. Signed-off-by: Daniel Baumann --- .../user/dom_property_viewer/dom_inspector.png | Bin 0 -> 10613 bytes .../dom_inspector_refresh_button.png | Bin 0 -> 10954 bytes .../dom_inspector_search_box.png | Bin 0 -> 10940 bytes devtools/docs/user/dom_property_viewer/index.rst | 53 +++++++++++++++++++++ 4 files changed, 53 insertions(+) create mode 100644 devtools/docs/user/dom_property_viewer/dom_inspector.png create mode 100644 devtools/docs/user/dom_property_viewer/dom_inspector_refresh_button.png create mode 100644 devtools/docs/user/dom_property_viewer/dom_inspector_search_box.png create mode 100644 devtools/docs/user/dom_property_viewer/index.rst (limited to 'devtools/docs/user/dom_property_viewer') diff --git a/devtools/docs/user/dom_property_viewer/dom_inspector.png b/devtools/docs/user/dom_property_viewer/dom_inspector.png new file mode 100644 index 0000000000..013af4b1c8 Binary files /dev/null and b/devtools/docs/user/dom_property_viewer/dom_inspector.png differ diff --git a/devtools/docs/user/dom_property_viewer/dom_inspector_refresh_button.png b/devtools/docs/user/dom_property_viewer/dom_inspector_refresh_button.png new file mode 100644 index 0000000000..ed93b9ebdb Binary files /dev/null and b/devtools/docs/user/dom_property_viewer/dom_inspector_refresh_button.png differ diff --git a/devtools/docs/user/dom_property_viewer/dom_inspector_search_box.png b/devtools/docs/user/dom_property_viewer/dom_inspector_search_box.png new file mode 100644 index 0000000000..f5f25c975e Binary files /dev/null and b/devtools/docs/user/dom_property_viewer/dom_inspector_search_box.png differ diff --git a/devtools/docs/user/dom_property_viewer/index.rst b/devtools/docs/user/dom_property_viewer/index.rst new file mode 100644 index 0000000000..c5893a82fa --- /dev/null +++ b/devtools/docs/user/dom_property_viewer/index.rst @@ -0,0 +1,53 @@ +=================== +DOM Property Viewer +=================== + +.. container:: block_quote + + The DOM Property Viewer is new in Firefox 48. It is disabled by default. Enable it in the :ref:`Developer Tools Settings ` + +The DOM Property Viewer lets you inspect the properties of the `DOM `_ as an expandable tree structure, starting from the `window `_ object of the current page or the :doc:`selected iframe <../working_with_iframes/index>`. + +.. image:: dom_inspector.png + :class: center + + +Enabling the DOM Property Viewer +******************************** + +The DOM Property Viewer is not enabled by default. To enable it, open the :ref:`developer tools settings ` and check the "DOM" box under "Default Firefox Developer Tools". + + +Opening the DOM Property Viewer +******************************* + +Once enabled, you can select the *DOM* panel in the Web Developer Tools, accessible from the Browser Tools submenu + +The :doc:`Toolbox <../tools_toolbox/index>` will appear at the bottom of the browser window, with the DOM Property Viewer activated. It's just called "DOM" in the Toolbox. + +DOM Property Viewer user interface +********************************** + +DOM tree +-------- + +The different properties of the DOM are displayed as an expandable tree. The left-hand side shows the property's name, and the right-hand side shows its value. Up to three properties of an object and items of an array are displayed. If a property has more elements than this, you'll see a "more..." annotation, and will need to click the property to see all elements. A lock icon indicates that a property is not writable. + +Refreshing the display +---------------------- + +If the DOM changes you can hit the *Refresh* button to update the display: + +.. image:: dom_inspector_refresh_button.png + :alt: Button to update the DOM Inspector display + :class: center + +Filtering +--------- + +There is a search box within the toolbar: + +.. image:: dom_inspector_search_box.png + :class: center + +This filters the list to show only items which match the search term. Items match the search term if their name contains the search term. Matching is case-sensitive. -- cgit v1.2.3