Medium : lister le plan des titres
Affiche tous les titres de l'article dans la console sous forme de plan indenté.
Code à copier
// 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();
})();Comment utiliser cet exemple
- Copiez le code avec le bouton ci-dessus.
- Installez JustZix (2 minutes) et ouvrez l'extension sur la page cible.
- Ajoutez une nouvelle règle correspondant à cette page.
- Collez le code dans le panneau JavaScript de la règle et enregistrez — il s'exécute à chaque visite de page.
Notez cet exemple
Aucune note — soyez le premier.