HTML Visual Validation
Item logo image for HTML Visual Validation

HTML Visual Validation

Featured
4.4(

8 ratings

)
ExtensionDeveloper Tools3,000 users
Item media 1 screenshot
Item media 2 screenshot

Overview

HTML Visual Validation gives you information about the html elements, live, on page.

It makes easy to inspect the structure of a page with no need to open the browser console. Just select the type of html tag to outline, on page, and to display a label with basic info. Some features are: - List the most common html tags - Get info about the tittle and description tags - Display tags id and class attributes - <img> extra info: “alt” attribute value - <a> extra info: tells you if it’s an internal or external link, or a javascript call, and if the “target” attribute is set - Mouse over a tag label to bring it to front *** NEW FEATURES *** - Tag selector is now sensitive to tags available on the page - New "DOM Tree" panel, wich can be used with the tag selector - Click on the tag in the DOM Tree to scroll to the element on the page

4.4 out of 58 ratings

Google doesn't verify reviews. Learn more about results and reviews.

Review's profile picture

sep compMar 30, 2024

Exactly what I wanted, great, thank you

Review's profile picture

Koray SelsOct 24, 2023

It would be cool if it would highlight all HTML5 elements.. e.g. blockquote, cite, q, etc... now it only hightlights certain html5 elements. Also it would be cool if it would differentieate between sectioning content elements and flow elements.. :D

1 person found this review to be helpful
Review's profile picture

Asheville SEO NinjaOct 13, 2021

One of the best tools for On-Page SEO. Super easy to do quick and accurate checks or to do before and afters for screenshots. I use this weekly!

3 out of 3 people found this helpful
Replier's profile picture

Bruno TisseoDeveloperNov 3, 2021

New feature: DOM Tree view. Left me a comment about it :)

Details

  • Version
    0.3.0
  • Updated
    November 3, 2021
  • Offered by
    btisseo
  • Size
    54.54KiB
  • Languages
    English (United States)
  • Developer
    Email
    btisseo@yahoo.com.br
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Related

DOM Highlighter

5.0(4)

Highlight DOM elements

Css Playground and Dom Tree

4.0(2)

For Web designers, developers, web instructors. On live web pages, inspect, edit, and test hundreds of [new] CSS styles per second.

Looksee

5.0(3)

Add borders or shaders to your webpage on the fly. No need to write debug markup to fix layout components.

Copy DOM Content

5.0(2)

This extension tries to copy the current page DOM elements to the clipboard, including dynamic JavaScript generated elements.

showHTML

5.0(1)

This extension shows information about HTML elements on a web page when you hover over them.

HTML DOM Navigation

4.7(18)

HTML DOM Navigation lets you view the node tree in a simple and easy way. IRB would be really useful for Watir automation.

HTML Hierarchy Visualizer

5.0(8)

This extension is a tool that helps visualize the layout of HTML elements on a webpage

CSS Debugger

5.0(1)

A lightweight extension for Google chrome that shows the outline of all CSS elements on the page.

HTML5 Debugger

2.0(1)

Shows errors on a web page

Outliner

5.0(3)

This extension outlines all the DOM elements on a page

HTML & CSS Design Analysis

0.0(0)

Helps you analyze an HTML page by disabling or enabling various features.

DOM X-Ray

5.0(1)

See through the DOM to visually debug CSS positioning.

DOM Highlighter

5.0(4)

Highlight DOM elements

Css Playground and Dom Tree

4.0(2)

For Web designers, developers, web instructors. On live web pages, inspect, edit, and test hundreds of [new] CSS styles per second.

Looksee

5.0(3)

Add borders or shaders to your webpage on the fly. No need to write debug markup to fix layout components.

Copy DOM Content

5.0(2)

This extension tries to copy the current page DOM elements to the clipboard, including dynamic JavaScript generated elements.

showHTML

5.0(1)

This extension shows information about HTML elements on a web page when you hover over them.

HTML DOM Navigation

4.7(18)

HTML DOM Navigation lets you view the node tree in a simple and easy way. IRB would be really useful for Watir automation.

HTML Hierarchy Visualizer

5.0(8)

This extension is a tool that helps visualize the layout of HTML elements on a webpage

CSS Debugger

5.0(1)

A lightweight extension for Google chrome that shows the outline of all CSS elements on the page.

Google apps