Easily inspect heading structure. Highlight, copy and scroll to any H tag on a web page.

Latest Version

Version
1.1.5
Update
October 7, 2024
Size
515KiB
Developer
keroz.fr
Category
Users
42
Rating
5 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
ActiveTab
See more

Hnspector - Inspect headings Extension

As a professional web designer, I created Hnspector to be the perfect tool for inspecting the page headings of the websites I work on (and those of competitors).

This extension searches for the H1 to H6 tags in the HTML code of the page being analysed, then generates the heading structure and enables the headings to be highlighted on the page.

Hnspector fits for webdesigners, content makers and SEO experts.

Features :
- Displays the heading structure as an indented list
- Display page's meta title
- Activates/deactivates the highlighting of headings in the inspected page
- Scrolls the page to the heading clicked in the list
- Copies heading content with 1 click
- Warns when the hierarchical structure is not respected
- Indicates when page has no meta title
- Indicates when a H tag is empty
- Indicates the number of each type of H tag and the total number of headings
- Copies the structure heading to the clipboard in csv format
- Exports the structure heading in csv format
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "Hnspector - Inspect headings", "version": "1.1.5", "description": "Easily inspect heading structure. Highlight, copy and scroll to any H tag on a web page.", "author": "[email protected]", "icons": { "16": "images/icon-16.png", "32": "images/icon-32.png", "48": "images/icon-48.png", "128": "images/icon-128.png" }, "action": { "default_icon": { "16": "images/icon-16.png", "32": "images/icon-32.png", "48": "images/icon-48.png", "128": "images/icon-128.png" }, "default_title": "Hnspector - Inspect headings", "default_popup": "popup.html" }, "content_scripts": [ { "matches": [""], "js": ["scripts/content.js"], "css": ["style/content.css"], "run_at": "document_end" } ], "permissions" : ["activeTab"]}
Read more

Similar Extensions

icon

Web Content Copier Extension · Productivity 42 5 ★ 9.83KiB

icon

HeadingsMap Extension · Developer Tools 42 70 ★ 575KiB

icon

Scan CSS Extension · Productivity 42 7 ★ 115KiB

icon

Page Checker Extension · Developer Tools 42 2 ★ 530KiB

icon

HEX – Heading extractor Extension · Productivity 42 2 ★ 22.78KiB

icon

Hreflang Checker Extension · Developer Tools 42 2 ★ 43.55KiB

icon

Text Mode Extension · Productivity 42 277 ★ 58.32KiB

icon

CopyCss - Copy css scan from any website. Extension · Developer Tools 42 10 ★ 246KiB

icon

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

icon

Page Marker for Google Chrome™ Extension · Productivity 42 10 ★ 1.41MiB

icon

CSS Scan Extension · Developer Tools 42 84 ★ 1.41MiB

icon

Meta Tag Analyzer Extension · Productivity 42 0 ★ 32.22KiB

icon

SEO Checker Extension · Productivity 42 7 ★ 797KiB

icon

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

icon

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

icon

JS Library Detector Extension · Developer Tools 42 0 ★ 1.43MiB

icon

Heading Extractor Extension · Developer Tools 42 0 ★ 8.79KiB

icon

Link Extractor V2 Extension · Productivity 42 2 ★ 47.5KiB

icon

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

icon

Meta Debugger Extension · Developer Tools 42 9 ★ 67.03KiB

icon

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

icon

SEO Content Checker: Plagiarism & Readability Extension · Developer Tools 42 11 ★ 14.01KiB

icon

StyleSnipe Extension · Developer Tools 42 2 ★ 409KiB

icon

Inspect Canonical Extension · Developer Tools 42 11 ★ 29.89KiB