borrame.com - Colección particular de recortes de código y documentación para programación web

Canales RSS

Lo más fresco

  1. Enlaces sobre desarrollo web Modificado
  2. Cadena aleatoria en PHP Modificado
  3. Recortar texto Nuevo

Sugerencias del chef

Lo más visitado

  1. Canales RSS
  2. Formato condicional según el día de la semana
  3. Enlaces sobre desarrollo web
  4. Recortar texto
  5. Convertir de minutos a horas
Compartir esta página

Bookmarklets

Aquí se recoge mi colección de bookmarklets sencillos aunque útiles, compuesta a fecha de hoy por un asombroso total de 1 elemento. Para cada uno se ofrece el código fuente (que se puede toquetear a voluntad y compactar con la herramienta online de la casa) y un enlace listo para arrastrar a la barra de marcadores del navegador.

Generar enlaces internos

Recorre la página actual y genera un enlace directo a todas las ubicaciones susceptibles de ello, que normalmente serán muchas ya que se pueden enlazar todos los elementos con atributo id. El enlace seleccionado se puede añadir a los favoritos, enviar por e-mail o publicar en un foro. Cuanto más extenso y bien estructurado sea el sitio web más útil suele resultar.

⚓ Generar enlaces internos

if (!document.bookmarkletEnlacesInternosGenerados) { document.bookmarkletEnlacesInternosGenerados = true; document.querySelectorAll("*[id], a[name]").forEach(function (elemento) { var ancla = document.createElement("a"); var identificador = elemento.id || elemento.getAttribute("name"); var url = "#" + identificador; ancla.setAttribute("href", url); ancla.setAttribute("title", identificador); ancla.appendChild(document.createTextNode("⚓")); ancla.style = "float: left; margin: 0 2px 2px 0; padding: 1px; width: 10pt; height: 10pt; line-height: 10pt; font-size: 10pt; font-weight: normal; text-decoration: none; text-align: center; border-radius: 100%; color: white; background-color: #448CCB;"; if (elemento.hasChildNodes()) { elemento.insertBefore(ancla, elemento.firstChild); } else { elemento.appendChild(ancla); } }); }

Historial

v2017-07-19
Generar enlaces internos: mostrar el enlace al principio del elemento (que resulta más intuitivo) y mejorar la estética del enlace
v2017-06-11
Primer bookmarklet: generar enlaces internos

Esta página ha sido impresa el miércoles 12 de agosto de 2026 (13:52:39 +0200) desde https://borrame.com/recortes/javascript/bookmarklets.html. La última vez que miré contenía HTML válido con CSS fresquito y si tiene flatas de ortografía ha sido sin querer.

Lorem ipsum dolor sit amet.

© 2005-2026 by Álvaro González (alvaro.es) • Burgos (España) • borrame.com