3D view

  • Revision slug: Tools/Page_Inspector/3D_view
  • Revision title: 3D view
  • Revision id: 18246
  • Created:
  • Creator: Sheppy
  • Is current revision? No
  • Comment 6 words added

Revision Content

{{ fx_minversion_header("11.0") }}

When you click on the 3D view button, the page goes into 3D view mode; in this mode, you can see your page presented in a 3D view in which nested blocks of HTML are increasingly "tall," projecting outward from the bottom of the page. This view makes it easy to visualize the nesting of your content.

3dview.png

By clicking and dragging the view, you can rotate and re-orient the 3D presentation of the DOM hierarchy of your page to see it from different angles, to better examine its structure. Off-screen elements become visible, so that you can see where your elements are located in relation to the visible content. You can click on elements to see their HTML in the HTML panel or to update the breadcrumb trail.

Revision Source

<p>{{ fx_minversion_header("11.0") }}</p>
<p>When you click on the 3D view button, the page goes into 3D view mode; in this mode, you can see your page presented in a 3D view in which nested blocks of HTML are increasingly "tall," projecting outward from the bottom of the page. This view makes it easy to visualize the nesting of your content.</p>
<p><img alt="3dview.png" class="internal default" src="/@api/deki/files/6123/=3dview.png"></p>
<p>By clicking and dragging the view, you can rotate and re-orient the 3D presentation of the DOM hierarchy of your page to see it from different angles, to better examine its structure. Off-screen elements become visible, so that you can see where your elements are located in relation to the visible content. You can click on elements to see their HTML in the <a href="/en/Tools/Page_Inspector/HTML_panel" title="HTML panel">HTML panel</a> or to update the breadcrumb trail.</p>
Revert to this revision