Toggle visibility of HTML heading tags labels and highlight their structure

Latest Version

Version
1.0
Update
May 6, 2023
Size
91.92KiB
Developer
stewartmedia.com.au
Category
Users
15
Rating
5 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
ActiveTab
Storage
See more

HeadLands Extension

HeadLands is a simple and useful extension for web developers and designers. It adds visible labels to all HTML heading tags (h1 to h6) on the active tab, assigns background colours to each level of heading, and flags any headings that are out of sequential order as defined by W3C.

This extension is designed to help you quickly identify and navigate the heading structure of any webpage you are working on. By labelling each heading tag with its level (H1, H2, etc.), you can easily see how the headings are organised and make sure that they are in the correct order. The background colours for each heading level also make it easier to visually distinguish between different sections of the page.

If a heading is out of order, the extension will flag it with the word \"No\" and a red background colour in the pop up. This can help you quickly identify and fix any structural issues with the page.

HeadLands also uses \"Phrase Focus\" for the first H1 on the page. For Product page or blog posts it should be close to 100%

HeadLands is easy to use and requires no setup or configuration. Simply install the extension and it will automatically label all heading tags on the active tab. You can also toggle the labelling on and off using the extension icon in the Chrome toolbar.

If you're a web developer or designer who wants to quickly and easily understand the heading structure of any webpage, the Headings Labeller extension is an essential tool that you won't want to be without. Try it today!
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "HeadLands", "version": "1.0", "description": "Toggle visibility of HTML heading tags labels and highlight their structure", "permissions": ["activeTab", "storage"], "background": { "service_worker": "background.js" }, "action": { "default_popup": "popup.html", "default_icon": { "16": "icon16.png", "48": "icon48.png", "128": "icon128.png" } }, "content_scripts": [ { "matches": [""], "js": ["content.js"] } ], "icons": { "16": "icon16.png", "48": "icon48.png", "128": "icon128.png" }}
Read more

Similar Extensions

icon

Show All Padding & Margins Extension · Developer Tools 15 1 ★ 23.17KiB

icon

Color Picker Chrome extension Extension · Developer Tools 15 20 ★ 106KiB

icon

Simple Search and Replace Extension · Productivity 15 7 ★ 44.46KiB

icon

Inspecta - validate design implementation Extension · Developer Tools 15 3 ★ 420KiB

icon

View CSS Extension · Developer Tools 15 1 ★ 5.89KiB

icon

Bootstrap grid viewer Extension · Developer Tools 15 2 ★ 34.09KiB

icon

HeadingsMap Extension · Developer Tools 15 70 ★ 575KiB

icon

HTML5 Outliner Extension · Productivity 15 262 ★ 25.23KiB

icon

HTML CSS Viewer Extension · Developer Tools 15 0 ★ 7.65KiB

icon

SEO Checker Extension · Productivity 15 7 ★ 797KiB

icon

Outline HTML Elements Extension · Developer Tools 15 1 ★ 49.84KiB

icon

CSS Selector Tester Extension · Developer Tools 15 4 ★ 30.87KiB

icon

Quick Inspect Element Extension · Developer Tools 15 9 ★ 360KiB

icon

Highlight HTML Headings Extension · Developer Tools 15 3 ★ 23.72KiB

icon

H-tag Extension · Developer Tools 15 11 ★ 14.92KiB

icon

Hidden Eye Extension · Productivity 15 0 ★ 78.1KiB

icon

HTML to Markdown Extension · Developer Tools 15 0 ★ 869KiB

icon

Header Checker Extension · Productivity 15 7 ★ 14.03KiB

icon

Balises Hn Check Reviews, Filtering ✅ Extension · Productivity 15 21 ★ 55.81KiB

icon

Tag Bookmarks Extension · Productivity 15 6 ★ 235KiB

icon

Website Customizer: Add Custom Style and CSS Extension · Productivity 15 2 ★ 1.45MiB

icon

CSS Scanly - Copy CSS | Tailwind & Bootstrap Extension · Productivity 15 5 ★ 35.52KiB

icon

Hnspector - Inspect headings Extension · Developer Tools 15 1 ★ 515KiB

icon

Color Bookmarker (Your Ultimate Color Picker for Capturing Colors Anywhere) Extension · Productivity 15 9 ★ 41.1KiB