Document outlines are helpful when you want to skim a document—whether you do that with your eyeballs, eardrums, fingertips, or brainwave injections.
In 2016 Marijke Luttekes wrote a bookmarklet that prints the document outline of the current document. Super helpful for getting that quick overview. Helper for people that want to know what’s on the page. Helpful for developers that want to check their document’s outline. Helpful for everyone!
- Checks HTML and ARIA headings
- Setting to hide hidden headings (in the list)
- Keyboard support
- Firefox and Chrome on Windows 10
- Firefox and Chrome on macOS 11.6
Add demo to repo- Automate minification
- General optimisation
- Turn into browser extension
- Each time you activate a <style> element is added
- Original by Marijke Luttekes
- Blog by Marijke Luttekes
- This bookmarklet on CodePen
- Visibility check code; with thanks to Anne-Greeth and Marijn