Code Yarns ‍👨‍💻
Tech BlogPersonal Blog

HeadingsMap extension for Firefox

📅 2020-May-24 ⬩ ✍️ Ashwin Nanjappa ⬩ 🏷️ ⬩ 📚 Archive

Every HTML webpage already has a hierarchical structure in its content if the author has used section headings. When I am reading a HTML webpage with such headings, I find it useful to refer to the document's outline. Web browsers should ideally have a feature where they display this outline, but sadly they don't.

HeadingsMap extension on a NYTimes webpage
HeadingsMap extension on a NYTimes webpage

The HeadingsMap extension for Firefox displays this section heading outline tree for the webpage you are viewing.

I find this extension to be essential. I only wish it had a keyboard shortcut to toggle it on and off.

Tried with: HeadingsMap 3.6.7 and Firefox 76.0.1