← Todos los ejemplos

JavaScript Navegación notion.so

Mostrar esquema de encabezados

Recoge todos los encabezados de la página y los muestra como un esquema indentado.

Código para copiar

(function () {
  try {
    var heads = document.querySelectorAll('.notion-page-content .notion-header-block, .notion-page-content .notion-sub_header-block');
    if (!heads.length) { alert('No headings found on this page.'); return; }
    var lines = [];
    heads.forEach(function (h) {
      var pad = h.classList.contains('notion-sub_header-block') ? '  ' : '';
      var t = (h.innerText || '').trim();
      if (t) lines.push(pad + '- ' + t);
    });
    alert('Page outline:\n\n' + lines.join('\n'));
  } catch (e) { alert('Could not build outline: ' + e.message); }
})();

Cómo usar este ejemplo

  1. Copia el código con el botón de arriba.
  2. Instala JustZix (2 minutos) y abre la extensión en la página de destino.
  3. Añade una nueva regla que coincida con esa página.
  4. Pega el código en el panel JavaScript de la regla y guarda — se ejecuta en cada visita a la página.

Valora este ejemplo

Sin valoraciones — sé el primero.

¿Funciona este ejemplo?

Los snippets son inútiles sin un lugar donde pegarlos.

JustZix se instala en 2 minutos y ejecuta tu código en cada página coincidente. Sin cuenta, sin pago.

Descargar gratis Ver casos de uso