nnatali
@nnatali ¡Sígueme en twitter!

Jugando entre diseñadores

Las vivencias de una maquetadora en un mundo de diseñadores

7

Bookmarklet.. ¿Eso que es?

javascript | Escrito el 08 de Abril del 2009, hace 1138 días | Compartir en:

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 ;)

7 comentarios en Bookmarklet.. ¿Eso que es?

  1. Erik says:

    Hola natali te agrege a mi twiter soy programador Analista y espero compartir cosas contigo sobre este ambito

    Saludos

  2. Erik says:

    hola natali mi correo es blancoerik@hotmail.com para que hablemos mas sobre tema de programacion y pasarnos tips. yo soy mas programador en php ajax y tambien .net ya que utilizo las plataformas de window,linux y open solaris

    Saludos

  3. Erik says:

    hola natali aqui comparto contigo una aplicacion que hize usando ajax,CSS y PHP con mysql simple te paso el link para que lo publiques va

    http://wegomexico.com/wego_usuarios/empleados/catalogo.php

    ok Saludos

  4. Erik says:

    Si natali si necesitas el codigo dime tengo publicado el codigo fuente

Deja un comentario

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

*

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>