Toc Bar, table of content for dev.to, finally.

#userscript #devto #toc #showdev

Toc Bar is a userscript I wrote to add floating widget displaying table of content of current page.

Currently only tailored for some personal most-visited sites, including dev.to .

✨Features

Use tocbot for toc generation.
For some sites, there are no ids on header elements so it would be impossible to navigate by clicking the toc link. Toc Bar will generate ids - which are derived from a simple hash of the header textContent, and prefixed with tocbar- - for these headers.
A toggle button is offered, if you don't want toc bar to cover current page content.
For some sites in SPA mode, if you navigate to another article, there is no easy way detecting url change in userscript, so I add a refresh button to refresh TOC contents.

Screenshots

Hands-on debugging session: instrument, monitor, and fix

Join Lazar for a hands-on session where you’ll build it, break it, debug it, and fix it. You’ll set up Sentry, track errors, use Session Replay and Tracing, and leverage some good ol’ AI to find and fix issues fast.

RSVP here →