Tabla de contenidos
- Crear un bookmarklet
- Compartir un bookmarklet
- Ejemplos de bookmarklets
- Nota: siguen siendo relevantes en 2026
Hace unos años, los bookmarklets (también llamados favlets) eran mucho más comunes de lo que son hoy. La mayoría de sus casos de uso habituales fueron absorbidos por funciones nativas del navegador o por extensiones.
Aun así, siguen siendo la forma más rápida de extender las funcionalidades del navegador para una tarea específica sin necesidad de buscar, evaluar e instalar una extensión. Funcionan de manera uniforme en todos los navegadores principales — Safari, Firefox y cualquier navegador basado en Chromium — sin ninguna instalación.
Crear un bookmarklet
Un bookmarklet es código JavaScript cuya URL comienza con el esquema javascript:.
Hay tres formas de estructurarlo:
1. Usando una expresión de función de invocación inmediata (IIFE):
javascript: (function() {
// tu código
})();
// usando funciones flecha
javascript: (() => {
// tu código
})();
2. Usando el operador void:
javascript: void function() {
// tu código
}();
3. Llamando directamente a una función nativa:
javascript: window.open("https://example.com");
Para guardarlo como bookmarklet: crea un nuevo marcador en tu navegador, dale el nombre que quieras, y pega el código JavaScript — empezando por javascript: — en el campo de URL.
Compartir un bookmarklet
Los bookmarklets se pueden distribuir de dos formas:
- Copiar y pegar manual: compartir el código
javascript:directamente e indicar al destinatario cómo crear el marcador. - Enlace de arrastrar y soltar: integrar el código en una etiqueta HTML
<a>. El usuario puede arrastrar el enlace directamente a su barra de marcadores:
<a href="javascript:(/** tu código **/)()">Bookmarklet</a>
Los bookmarklets destinados a distribución suelen minificarse en una sola línea antes de incluirlos en HTML.
Ejemplos de bookmarklets
Abrir la página actual en archive.ph (saltarse paywalls o crear un snapshot):
javascript:window.open("https://archive.ph/" + location.href, '_blank')
Abrir la página actual en la Wayback Machine:
javascript:window.open("https://web.archive.org/web/*/" + location.href, "_blank")
Desplazarse al inicio de la página:
javascript:window.scrollTo({top: 0, behavior: "smooth"})
Activar/desactivar el modo edición en la página (útil para copiar texto de páginas que bloquean la selección):
javascript:(() => {
document.body.contentEditable !== "true" ?
document.body.contentEditable = "true" :
document.body.contentEditable = "false"
})()
Nota: siguen siendo relevantes en 2026
Las extensiones de navegador se han vuelto más capaces pero también más escrutadas. Las restricciones de Manifest V3 en Chromium han reducido lo que las extensiones pueden hacer, y los fabricantes de navegadores están endureciendo los permisos para la carga lateral de extensiones. Los bookmarklets no se ven afectados por nada de esto: se ejecutan como JavaScript de primera parte en el contexto de la página, no requieren permisos y no pueden ser eliminados por la política de los fabricantes de navegadores.
En iOS en particular, el soporte de extensiones en Safari sigue siendo limitado. Los bookmarklets funcionan nativamente en Safari en iPhone e iPad sin ninguna restricción — lo que los convierte en una de las herramientas de automatización ligera más prácticas en esa plataforma en 2026.
