Qué son los bookmarklets y cómo usarlos (y ocho útiles ejemplos)

Qué son los bookmarklets y cómo usarlos (y ocho útiles ejemplos)

No todos los marcadores de tu navegador tienen por qué llevarte a una página web, aunque esa sea su función original: en algunos casos, los marcadores no almacenarán URLs, sino código JavaScript que —una vez hagamos clic en alguno de ellos— se ejecutará en la página que estemos visualizando en ese momento.

Esos marcadores reciben el nombre de ‘bookmarklets’ y son, en definitiva, tanto un precedente de las extensiones de los navegadores como una alternativa ligera (y transparente, pues todos podemos ver su código) a las mismas: un modo rápido de complementar o alterar el funcionamiento del navegador o de las propias páginas.

Un ejemplo: llegamos a una web cuyo diseñador ha decidido recurrir a JavaScript para evitar que podamos hacer uso del menú contextual y/o de la opción de seleccionar texto; una herramienta disuasoria burda pero aún muy usada.

Pues bien, meramente yendo a la barra de marcadores del navegador y haciendo clic en nuestro bookmarklet de ‘Volver a seleccionar texto’ alteraremos el código de la web y, con él, su funcionamiento.

El código que nos permitirá hacer eso es el siguiente (puede ser difícil de ‘leer’ por su falta de identación, pero así es como se almacena):

javascript:(function() { function R(a){ona = "on"+a; if(window.addEventListener) window.addEventListener(a, function (e) { for(var n=e.originalTarget; n; n=n.parentNode) n[ona]=null; }, true); window[ona]=null; document[ona]=null; if(document.body) document.body[ona]=null; } R("click"); R("mousedown"); R("mouseup"); R("selectstart"); })()

Esta estructura «javascript:(function(){FUNCIÓN})()» se mantiene siempre en los bookmarklet, y nos marca la pauta para crear los nuestros propios a poco que nos defendamos con el JavaScript.

Quizá te estés preguntando «¿cómo se ‘instalan’?». Habitualmente, encontraremos los bookmarklets en la forma de un hipervínculo cualquiera, por lo que bastará con arrastrar el enlace en cuestión a la barra de marcadores de nuestro navegador.

Prueba a hacerlo con los siguientes:

Bookmarklets útiles para tu productividad web

  • Restaurar selección de texto: [Activar selección de texto]
  • Restaurar clic con el botón derecho: [Activar clic derecho]

  • Editar la web: ¿Quieres poder alterar el texto de una página web como si estuvieras escribiendo en MS Word? Pues esto es lo que estás buscando. [Edita la web]

  • Búsqueda de segunda opinión: Si estás viendo la página de resultados de Google o de Bing, pero no te convencen los resultados, puedes usar este bookmarklet para abrir una nueva página de búsquedas en otro buscador. Concretamente, en este ejemplo, del nuevo buscador de Brave. [Buscar también en Brave]

{«videoId»:»x7zq4zs»,»autoplay»:true,»title»:»27 TRUCOS y CONSEJOS para DOMINAR MICROSOFT EDGE como un PROFESIONAL»}

(function() { window._JS_MODULES = window._JS_MODULES || {}; var headElement = document.getElementsByTagName(‘head’)[0]; if (_JS_MODULES.instagram) { var instagramScript = document.createElement(‘script’); instagramScript.src = ‘https://platform.instagram.com/en_US/embeds.js’; instagramScript.async = true; instagramScript.defer = true; headElement.appendChild(instagramScript); } })();


La noticia Qué son los bookmarklets y cómo usarlos (y ocho útiles ejemplos) fue publicada originalmente en Genbeta por Marcos Merino .

Fuente

Deja un comentario

A %d blogueros les gusta esto: