DiagnostiCSS

Diagnostic CSS stylesheet that helps visually detect any potentially invalid, inaccessible or erroneous HTML markup.

What is DiagnostiCSS?

DiagnostiCSS is a Chrome extension called DiagnostiCSS that helps visually detect invalid, inaccessible or erroneous HTML markup. It highlights inline styles and event attributes, invalid links, empty or deprecated elements, and elements missing required attributes.

Download

Stats

By: https://diagnosticss.github.io

View on Chrome Web Store

Users: 308 ▼ -2

Rating: 4.00 (4)

Version: 0.0.3 (Last updated: 2013-10-05)

Creation date: 2013-10-05

Risk impact: Moderate risk impact

Risk likelihood: Low risk likelihood

Manifest version: 2

Permissions:

activeTab
http://diagnosticss.github.io/css/diagnosticss.css

Size: 22.75K

URLs: Website

Stats date:

Chrome-Stats Rank

# 45655 ▼ 248

Other rankings

#6522 in Developer Tools ▼ 6

Other platforms

Not available on Firefox

Not available on Edge

Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Summary

Analyze keywords

DiagnostiCSS highlights the following problems:

inline styles and event attributes
invalid links
empty or deprecated elements
elements missing required attributes

User reviews

I like the concept, but I rarely know why it's highlighting elements? All I see is the coloured borders, with no explanation of why they are the colour they are? is there a key somewhere that I've missed?

Matthew Clark, 2013-11-06

View all user reviews

Safety

Risk impact

DiagnostiCSS may not be safe to use and it requires some risky permissions. Exercise caution when installing this extension. Review carefully before installing.