Generates a navigable page outline with heading and sectioning elements

Latest Version

Version

0.9.0

Update

May 31, 2024

Size

25.23KiB

Developer

HTML5 Outliner Extension

This extension is using the HTML5 outline algorithm to create a table of contents.
Should also work well with HTML4 (and older?) pages, that have structured headings.
The table of contents is clickable and tries to highlight the heading/section in question after the jump.

The extension should prove useful to people who find themselves often using online HTML5 outliners.

Comments, bug reports and suggestions much appreciated!

Extension source code: https://github.com/h5o/h5o-chrome
Outliner source code: https://github.com/h5o/h5o-js

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "HTML5 Outliner", "short_name": "h5o", "manifest_version": 3, "description": "Generates a navigable page outline with heading and sectioning elements", "icons": { "48": "img/48.png", "128": "img/128.png" }, "permissions": [ "activeTab" ], "content_scripts": [ { "matches": [ "http://*/*", "https://*/*" ], "js": [ "outliner.min.js", "createOutline.js" ] } ], "action": { "default_icon": "img/16.png", "default_title": "Outline", "default_popup": "popup.html" }, "version": "0.9.0", "author": { "name": "Dominykas Bly\u017e\u0117", "email": "[email protected]", "url": "http://www.dominykas.com/" }}

Download CRX(25.23KiB)

Similar Extensions

Outliner Extension · Productivity 100,000+ 12 ★ 76.44KiB

Semantic inspector Extension · Developer Tools 100,000+ 40 ★ 49.44KiB

Web Developer Extension · Developer Tools 100,000+ 2829 ★ 574KiB

HeadingsMap Extension · Developer Tools 100,000+ 70 ★ 575KiB

Dark New Tab Extension · Productivity 100,000+ 24 ★ 18.45KiB

META SEO inspector Extension · Developer Tools 100,000+ 594 ★ 379KiB

Table-of-contents-crx Extension · Productivity 100,000+ 20 ★ 94.75KiB

HTML Error Checker Extension · Developer Tools 100,000+ 96 ★ 380KiB

Emmet Re:view Extension · Developer Tools 100,000+ 162 ★ 74.65KiB

TDK Meta Checker Extension · Productivity 100,000+ 4 ★ 176KiB

Alt & Meta viewer Extension · Developer Tools 100,000+ 10 ★ 71.37KiB

Validity Extension · Developer Tools 100,000+ 210 ★ 108KiB

Emmet LiveStyle Extension · Developer Tools 100,000+ 351 ★ 356KiB

LiveReload Extension · Developer Tools 100,000+ 808 ★ 60.78KiB

axe DevTools - Web Accessibility Testing Extension · Accessibility 100,000+ 114 ★ 2.89MiB

Web Developer Checklist Extension · Developer Tools 100,000+ 54 ★ 32.65KiB

Smart TOC Extension · Productivity 100,000+ 100 ★ 81.44KiB

Dimensions Extension · Developer Tools 100,000+ 454 ★ 17.28KiB

Web Vitals Extension · Developer Tools 100,000+ 43 ★ 398KiB

CSSViewer Extension · Developer Tools 100,000+ 371 ★ 301KiB

Testing Playground Extension · Developer Tools 100,000+ 60 ★ 646KiB

Lighthouse Extension · Developer Tools 100,000+ 318 ★ 50.7KiB

PerfectPixel by WellDoneCode (pixel perfect) Extension · Developer Tools 100,000+ 605 ★ 732KiB

Window Resizer Extension · Developer Tools 100,000+ 2278 ★ 503KiB

User reviews

Gustavo Sobrinho (ID: 000000bd1e76bde9) Voted 2 ★ - Updated 11/01/2023 It's not working.

Niels Lützhøft (ID: 000000b8c58e5e52) Voted 1 ★ - Updated 07/15/2023 Doesn't work. When clicked it says: Unchecked runtime.lastError: Could not establish connection. Receiving end does not exist.

Alfredo Roman (ID: 00000098ce293204) Voted 5 ★ - Updated 04/30/2023 Lightweight and fast, Advisable 100%

Leon Niceday (ID: 00000085ed7df105) Voted 1 ★ - Updated 04/19/2023 didn't work on my local html file

Samuele gg (ID: 000000b00bfe818f) Voted 3 ★ - Updated 03/27/2022 Mi piace la dimensione della finestra, si adatta perfettamente al contenuto dell'indice della pagina, ma putroppo non visualizza l'indice delle pagine e non è possibile aprire sotto-cartelle dei links. ________________________________________ I like the size of the window, it adapts perfectly to the contents of the page index, but unfortunately it does not display the page index and it is not possible to open sub-folders of the links.

Get source code (.Zip)

Drop .crx file here or click
the button to choose the file

HTML5 Outliner