Design Analysis Chrome Extension

Published on 15 February 2020
Last Updated on 15 February 2020
Authored By
Dinesh Bhosale Dinesh Bhosale

Using “Design Analysis Chrome Extension” you can analyze design of an HTML page by disabling or enabling various features such as images, css and more.

Download "Design Analysis" Free Version

Design Analysis

Use links given below to download a free trial

Purchase "Design Analysis" Pro Version

Design Analysis

Use links given below to purchase a pro version

Supported Web Browsers

Web Browser Supported
Google Chrome Yes
Chromium Yes
Chrome Canary Yes
Firefox No
Opera Yes

"Session Switcher" is free for non-commercial use however a license must be purchased for commercial use. This software will ask you to purchase a license if commercial use is detected.

Design Analysis

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.

Checking broken tags inside iframe elements is supported but rule of parent document is applied while checking errors to child frame instead of applying rule for the hostname of the child frame.

Hide images

Using this tool a user can hide images displayed on a page.

Hide all images

Hides all images present on the page. Hides images inside shadow dom and iframe elements as well.

Hide background images

Hides all background images set using background-image CSS property.

Make background images invisible

Makes all background images set using background-image CSS property invisible by replacing existing background image with an invisible image.

Image utilities

This tool provides various utilities for analyzing images used on a particular web page.

Display image alt attribute

Displays image alt attributes by replacing existing image with it’s alt attribute value.

Display image dimension

Displays image dimensions by adding a new element on the page.

Display image path

Displays image path by adding a new element on the page.

Make all images full size or natural size

Makes images full size or natural size by changing their width and height to their natural size.

Make all images invisible

Makes all images invisible by replacing existing images with an invisible image.

Replace image with alt attribute

Replaces all the existing images with their alt attribute values.

Outline elements

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

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.

Outline images

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

Information about various features provided in this tool

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

Outline all images

This tool will outline all images displayed on a page.

Outline background images

This tool will outline all background images displayed on a page.

Outline images with adjusted dimensions

This tool will outline all images with adjusted dimensions displayed on a page.

Outline images with empty alt attributes

This tool will outline all images with empty alt attributes displayed on a page.

Outline images with oversized dimensions

This tool will outline all images with oversized dimensions displayed on a page.

Outline images without alt attributes

This tool will outline all images without alt attributes displayed on a page.

Outline images without dimensions

This tool will outline all images without dimension displayed on a page.

Reload external CSS

This tool can be used to automatically reload all external CSS files that are added on the current page by using a <link/> tag.

Reload images

This tool can be used to reload all images added on a page.

Miscellaneous tools

Linearize page

  • Checking this checkbox will linearize page layout.
  • Un-checking this checkbox will revert the changes and make the page appear as it originally was.

Display hidden elements

Using this tool will display all hidden elements available on the page.

Using this tool will mark all links available on the page as visited by adding them to a user’s browsing history.

Using this tool will mark all links provided on the page as not-visited by removing them from a user’s browsing history.

View source

Using this a user can view source code of current document.

Privacy notice: This software neither collects nor transmits any personally identifiable information. This software does not track your browsing behaviour. Information necessary for functioning of this software is stored on the devices of the end user, our servers do not have access to this information. For more information please read our privacy policy and terms of service.