Bookmarklet.. ¿Eso que es?

Un bookmarklet es un marcador que, en lugar de apuntar a una dirección URL, hace referencia a una pequeña porción de código Javascript para ejecutar ciertas tareas automáticamente. (Wikipedia).

Pero yo creo que cómo mejor se entiende es con ejemplos, aquí van unos cuantos.

Para verlos en funcionamiento debes copiar el código en un nuevo marcador (agregarlo a favoritos), o arrastrar el enlace hacia la barra de marcadores de tu navegador.

Wikipedia: Si tienes un texto seleccionado de cualquier página web y clicas sobre el marcador, te realizará una búsqueda sobre el texto seleccionado en la wikipedia.

Enlace: Wikipedia

javascript:(function(){q=document.getSelection();if(!q)q=prompt('De qué estás buscando información?:'); if(q)location.href='http://es.wikipedia.org/w/wiki.phtml?search='+escape(q);})()

Traductor: Reconoce automáticamente el idioma de la web que estés viendo y la traduce automáticamente al Español, obra del Google Translate.

Enlace: Español

javascript:var%20t=((window.getSelection&&window.getSelection())||(document.getSelection&&document.getSelection())||(document.selection&&document.selection.createRange&&document.selection.createRange().text));var%20e=(document.charset||document.characterSet);if(t!=''){location.href='http://translate.google.com/translate_t?text='+t+'&hl=en&langpair=auto|es&tbb=1&ie='+e;}else{location.href='http://translate.google.com/translate?u='+escape(location.href)+'&hl=en&langpair=auto|es&tbb=1&ie='+e;};

Tinyurl: Quienes usan twitter habitualmente sabrán que todos los carácteres cuentan, por eso mientras más pequeña sea la URL a citar mucho mejor. Esto es lo que hace Tinyurl, convierte una url larga en una corta.

Enlace: TinyURL

javascript:void(window.open('http://tinyurl.com/create.php?url='+document.location.href));

Deshabilitar CSS: Hay páginas que hacen un uso excesivo de los estilos, tanto que pueden llegar a ser incomprensibles. Con este bookmarklet conseguimos desactivarlos y así tener una mejor lectura.

Enlace: Desactivar CSS

javascript:(function(){var i,x;for(i=0;x=document.styleSheets[i];++i)x.disabled=true;})();

Es una forma de hacerte la navegación un poco más fácil ;)

  • 8 abril 2009
  • javascript
  • ,

7 comments on “Bookmarklet.. ¿Eso que es?”

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *