Medium: list the heading outline
Prints all article headings to the console as an indented outline for a quick overview.
Code to copy
// List the article headings in the console as a quick outline
(function () {
const art = document.querySelector('article');
if (!art) { console.warn('No article found'); return; }
const heads = art.querySelectorAll('h1, h2, h3');
if (!heads.length) { console.log('No headings'); return; }
console.group('Article outline (' + heads.length + ')');
heads.forEach(function (h) {
const indent = h.tagName === 'H3' ? ' ' :
h.tagName === 'H2' ? ' ' : '';
console.log(indent + (h.innerText || '').trim());
});
console.groupEnd();
})();How to use this example
- Copy the code with the button above.
- Install JustZix (2 minutes) and open the extension on the target page.
- Add a new rule matching that page.
- Paste the code into the rule's JavaScript panel and save — it runs on every page visit.
Rate this example
No ratings yet — be the first.