Outline elements

Outline elements tool
Outline elements tool

Purpose of this tool

This tool can be used to outline various elements displayed on a page.

Requirements to use this tool

To use this tool, a user should have "Toolkit For Web Developer" chrome extension installed on their web browser.

To download and install "Toolkit For Web Developer", please visit our download page: Download Toolkit For Web Developer

Supported document types

Document type Supported
main document yes
iframe elements yes
shadow dom yes

Nested shadow elements and nested iframe elements are not fully supported by this tool.

This tool also does not support shadow root opened with the closed mode.

Information about various features provided in this tool

Given below is the information about various outlining tools and how to use them.

Outline block level elements

Thil tool will outline block level elements that are currently visible on the page.

Outline deprecated elements

This tool will outline deprecated elements that are currently visible on the page.

This tool will outline external links that are currently visible on the page.

Outline floating elements

This tool will outline floating elements that are currently visible on the page.

Outline frames

This tool will outline frame elements that are currently visible on the page.

Outline non-secure elements

This tool will outline non-secure elments that are currently visible on the page.

Outline tables

This tool will outline table elements that are currently visible on the page.

Outline table captions

This tool will outline that are currently visible on the page.

Outline table cells

This tool will outline table cells that are currently visible on the page.

Outline headings

This tool will outline heading elements such as h1, h2, h3 etc. that are currently visible on the page.

Outline absolute positioned elements

This tool will outline absolute positioned elements that are currently visible on the page.

Outline fixed positioned elements

This tool will outline fixed positioned elements that are currently visible on the page.

Outline relative positioned elements

This tool will outline relative positioned elements that are currently visible on the page.

Steps to start "Outline elements" tool

  • After visiting a specific page right click on it.
  • This will open context menu of "Toolkit For Web Developer" extension.
  • Click on "Open content tools" from context menu this will add a content tool window on a user's screen.
  • Select "Outline elements" tool from the left drawer menu.
  • After that, "Outline elements" tool will be shown on right side of the window.
Other Posts