NorfiPC »
Internet »
Navegadores web, usar Bookmarklets.
Como usar, instalar y agregar marcadores y Bookmarklets en los navegadores web
Tweet
Recopilación de Bookmarklets para utilizar en Internet Explorer, Firefox, Google Chrome y otros navegadores web para ejecutar tareas y funciones. Como funcionan, ventajas y beneficios que aportan a la navegación en internet. Medidas de seguridad que se deben tener en cuenta.
Que son y por qué utilizar los Bookmarklets
Los Bookmarklets (en algunos sitios conocidos como favelets y marcadores) son pequeñas aplicaciones muy utilizadas para facilitar la ejecución de tareas en los navegadores webs. Se diferencian de los comunes Bookmarks, marcadores o Favoritos en que todos estos son simples accesos directos que apuntan a direcciones web, los Bookmarklets son vínculos o links que en vez de apuntar a una dirección URL, ejecutan porciones de código Javascript para realizar infinidad de tareas útiles.
Para usarlos solo es necesario arrastrarlos a la barra de marcadores, Favoritos o Bookmarks (cambia su nombre dependiendo del navegador usado) y posteriormente dar un clic en ellos para ejecutar la tarea necesaria.
Es requisito para que funcionen tener habilitado Javascript en tu navegador. La ventaja de su utilización respecto a los add-ons, complementos, toolbars, etc. es que no consumen recursos del navegador y no interfieren en su funcionamiento y rendimiento, los Bookmarklets no se instalan, es solo código que permanece inerte hasta tanto se utilicen.
Aparentan ser un link más de la página, pero realmente son scripts dinámicos capaces de realizar cualquier tarea en el navegador, dependiendo la página donde se ejecuten y la función que realicen. Pueden ser utilizados para hacer búsquedas en la red, cambiar la estructura de la página para facilitar la accesibilidad, enviar consultas a otras páginas, son casi infinitas sus posibilidades y casi sin explotar actualmente.
Los desarrolladores no hacen mucho énfasis en ellos ya que no aporta beneficios a su creador diseñar un nuevo Bookmarklet para compartirlo en la red, como pueden hacerlo las aplicaciones que son posibles de comercializar.
¿Cómo funcionan los Bookmarklets?
Un Bookmarklet no es más que una pequeña secuencia de código Javascript, contenido completamente en un hipervinculo, los navegadores modernos permiten al dar un clic en él, en vez de llevarnos a una dirección URL, ejecutar el contenido del código, así mismo permiten como otro vinculo cualquiera guardarlo como un bookmark o marcador. Es decir, al guardar uno de estos Bookmarklets en nuestra barra, estamos guardando una pequeña aplicación, que no agrega ni instala nada en nuestro sistema, permanece inerte hasta que lo usemos.
Una de sus funciones más útiles es cambiar a gusto del usuario la apariencia de las páginas web en el navegador y mejorar la accesibilidad, esto es muy apreciado al navegar en sitios con diseños que hacen difícil la lectura y la comprensión del contenido, por ejemplo eliminar imágenes de fondo y sustituirlo por color blanco, el texto darle el color negro, la fuente sustituirla por una perfectamente legible, y aumentar su tamaño, todos estos cambios son temporales ya que si se refresca la página tomará su aspecto predeterminado.
Ejemplos sencillos de Bookmarklets
Ejemplos del efecto de los Bookmarklets en esta página, para probarlos solo da un clic en los vínculos, usa Restaurar para volver al estilo normal sin tener que recargar la página del servidor.
β Links amarillos Resalta todos los links con el color amarillo.
Restaurar
β Texto rojo Da color rojo al texto. Restaurar
β Texto rojo Da color rojo al texto. Restaurar
Como agregar o instalar los Bookmarklets en Internet Explorer
Asegúrate que la barra de Favoritos este visible, da un clic derecho en cualquier zona vacía y mira si la casilla esta seleccionada, también trata que tenga espacio suficiente, si no es así da un clic con el mouse en su borde izquierdo y cuando el puntero tome el símbolo de mover arrástrala hacia arriba. Ahora da un clic derecho en el Bookmarklet que te interese y selecciona Agregar a Favoritos, también algunos permiten arrastrarlo a la barra lo que es más fácil, en el mensaje que aparece Es posible que el favorito que está agregando no sea seguro Desea continuar? Selecciona Sí.
En caso de que con el tiempo tengas la barra de favoritos llena, puedes crear carpetas en ella y agrupar y ordenar los Bookmarklets por categorías o a tu gusto.

Como agregar o instalar los Bookmarklets en Firefox y Google Chrome
En Google Chrome usa cualquiera de los siguientes métodos:
• Arrastra el link a la Barra de Marcadores, esto te permite tener un número limitado de ellos, los que consideres más importantes, si no ves la Barra de marcadores haz que se muestre mediante la combinación de teclas Control+Shift+B.
• Arrastrarlos a la Carpeta Otros Marcadores que se encuentra en la esquina superior izquierda del navegador.
• Para tenerlos organizados en varias carpetas por temas cuando son muchos, abre otra ventana de Google Chrome, escoge en el menú de configuración Administrador de Marcadores, en Otros Marcadores agrega una o varias carpetas y arrastrar los que desees.

En Firefox, asegúrate que se muestra la barra de marcadores y arrastra los links de los Bookmarklets allí.

Bookmarklets para usar en navegadores y exploradores web
A continuación una pequeña selección de Bookmarklets para usar en cualquier navegador web, útiles para las tareas más comunes que se ejecutan en la red.
Leyenda.
β Bookmarklets compatibles con todos los navegadores.
β Solo funcionan en Firefox.
β Funcionan en todos excepto Internet Explorer.
β Solo funcionan en Firefox.
β Funcionan en todos excepto Internet Explorer.
Bookmarklets para mejorar la accesibilidad de las páginas web.
β Los siguientes Bookmarklets permiten escoger diferentes colores para crear contraste entre el fondo de la página y el texto y así facilitar la lectura:
β Los siguientes Bookmarklets permiten escoger diferentes tipos de fuentes para el texto:
Arial
Tahoma
Comic Sans MS
Georgia
Times New Roman
Lucida Sans Unicode
Courier New
Lucida Console
Verdana (Predeterminada en esta página)
β Quitar colores. Vuelve el fondo de la página blanco y el texto de color negro, los links azul y purpura.
β Quitar plugins. Elimina java, flash, música de fondo e iframes de terceros.
β Ocultar Imágenes. Oculta las imágenes de la página web en que estás, permite mejorar la visibilidad del texto y nos da una idea de cómo luce la página a un débil visual u otra persona que utilice un navegador basado solo en texto.
β Ocultar Imágenes También oculta las imágenes, pero en este caso las sustituye por el texto que poseen en la etiqueta ALT.
β Ocultar-Ver Imágenes Funciona como un interruptor que permite de forma alterna ver y ocultar las imágenes en la página.
β Aumentar imágenes Duplica el tamaño de las imágenes en la página.
β Deshabilitar CCS. Deshabilita todo el estilo visual de la página. Habilitar CCS
β Restaurar menú contextual. Restaura el menú contextual u opciones con el clic derecho, en páginas que lo deshabilitan.
β Restaurar seleccionar texto. Restaura la característica de seleccionar texto en páginas que lo deshabilitan.
β Minúsculas Convierte todo el texto de una página web en minúsculas. Texto normal
β Mayúsculas Convierte todo el texto en mayúsculas. Texto normal
Bookmarklets para administrar los links en las páginas web.
β Links Int/Ext Muestra los links internos de color rojo, los externos de color azul y los vínculos dentro de la misma página de color naranja.
β Links visitados Marca de color rosado los links de la página que ya han sido visitado.
β Listar Links. Abre una nueva ventana que contiene una lista de todos los links de la página en que estás.
β URL Links Sustituye el texto en los links o vínculos, por su ruta absoluta.
β Mostrar destino Al activar el Bookmarklet permite que al situar el ratón encima de un link o vínculo, muestre la dirección URL a la que el link conduce, útil para detectar redirecciones a tiempo.
Bookmarklets para hacer búsquedas y traducciones en la red
β Traduce esta página. Traduce la página web en que te encuentras al español.
β Tradúce selección Permite traducir solo el texto seleccionado en una página web
β Buscar en Google Al seleccionar texto y hacer clic en este Bookmarklet, se efectúa la búsqueda del término en Google, si no se selecciona ningún texto, muestra un formulario para introducir el término de búsqueda.
β Buscar en Google Permite al igual que el anterior, realizar una búsqueda en Google de un término seleccionado en una página, solo que en este caso abre el resultado en una nueva pestaña del navegador. No funciona en Internet Explorer.
β Buscar en Google Similar al igual que el anterior, solo que en este caso abre el resultado en una nueva ventana del navegador. No funciona en Internet Explorer.
β Buscar en Wikipedia Al seleccionar texto y hacer clic en este Bookmarklet, se efectúa la búsqueda del término en Wikipedia, si no se selecciona ningún texto, muestra un formulario para introducir el término de búsqueda.
β Buscar en Wikipedia Similar al igual que el anterior, solo que en este caso abre el resultado en una nueva ventana del navegador. No funciona en Internet Explorer.
β Buscar en GoogleMaps Hace una búsqueda en Google Maps de una ubicación que corresponda a una palabra seleccionada en la página. Muestra el resultado en una nueva ventana. No funciona en Internet Explorer.
β Buscar en GoogleMaps Similar al anterior pero muestra el resultado en la misma página. Funciona en todos los navegadores.
β Resaltar palabra Resalta todas las coincidencias en una página de la palabra que haya sido seleccionada.
β Tu Dirección IP Al estar conectado a internet y dar un clic en el, abrirá una pequeña ventana que te mostrará tu dirección IP actual y la de tu proxy si usas uno.
β Última Actualización Ver la fecha de la última actualización de una página.
Bookmarklets para compartir información.
β Sugerir página Envía un correo electrónico usando tu cliente de email predeterminado, en el cual el asunto es el título de la página web donde estas y el cuerpo del mensaje la dirección web.
β Enviar texto seleccionado Permite seleccionar texto en una página y enviarlo por email, el asunto será: Algo interesante para ti y el cuerpo del mensaje contendrá el texto seleccionado.
Bookmarklets para las redes sociales.
β Compartir en Facebook Permite compartir una página en Facebook.
β Compartir en Tweeter Permite compartir una página en Twitter.
β Compartir en Delicious Permite compartir una página en Delicious.
β Compartir en Tuenti Permite compartir una página en Tuenti.
β Compartir en MySpace Permite compartir una página en MySpace.
β Compartir en Orkut Permite compartir una página en Orkut.
Bookmarklets para editar las páginas web.
β Recortar página Permite quitar elementos de la página como texto e imágenes para leerla más cómodamente, además puedes imprimirla con la ventaja de ahorrar papel y tinta, también puedes guardarla con los cambios hechos.
Para usarlo mueve el ratón sobre las áreas a recortar, al sombrearse de amarillo solo da un clic para eliminarlas, los cambios no afectan la página original.
β Editar página Permite editar completamente la página en que te encuentras, modificar, sustituir el texto y otros elementos, al terminar podrás guardar una copia. Naturalmente esto no afectará la página original, la que podrás refrescar para deshacer cualquier cambio. Solo activa el modo de edición del navegador, lo que puede ser muy útil a la hora de diseñar una página.
β Grabar Comentario. β Leer Comentario. Permite dejar un corto comentario en un sitio que visites guardado en las cookies. El comentario que guardes queda grabado el tiempo que especifiques, muy útil para hacer una anotación que necesites recordar posteriormente respecto a ese sitio. Para usar la función escoge el Bookmarklet Grabar Comentario, escribe el comentario y en la otra ventana que aparece selecciona el tiempo que deseas que perdure, al volver a conectarte al sitio escoge el Bookmarklet Leer Comentario. Para eliminar un comentario que has hecho simplemente crea uno y escoge que perdure solo 0 días.
β Ver Cookies. Ver las cookies que están guardadas en tu sistema del sitio web en que te encuentres.
β Contar palabras Informa la cantidad de caracteres y palabras seleccionadas.
Bookmarklets curiosos e inutiles.
β Imágenes locas No tiene utilidad práctica alguna, pero úsalo en una página que contenga imágenes (puede ser esta) para que pruebes su efecto.
Bookmarklets para desarrolladores.
β Validar HTML Permite validar el código fuente o HTML de una página, mediante el servicio del W3C.
β Validar HTML Similar al anterior, pero en este caso abre la página del servicio de W3C HTML validator en una nueva pestaña.
β Validar CCS Permite validar el código del estilo CSS de una página, mediante el servicio del W3C.
β Chequear Links Permite chequear la validez de los links de una página mediante el servicio del W3C Link Checker.
β Whois Permite saber los datos disponibles en el servicio de Whois, del sitio web donde nos encontramos navegando.
β Links nofollow Permite identificar los links que poseen los atributos de rel "nofollow", los resalta con el fondo amarillo.
Bookmarklets solo para el navegador Mozilla Firefox.
β Bookmarklets que permiten redimensionar el tamaño y la posición del navegador en el escritorio.
Puedes personalizar estos Bookmarklets a tu gusto, es sencillo.
Para modificar las dimensiones de la ventana, cambia en el código el valor resizeTo(xxx,yyy), sustituye xxx por el ancho de la ventana que desees en pixeles y yyy por la altura. Para especificar el lugar donde se coloca la ventana modifica moveTo(x,x).
β Convertir texto en URL Permite convertir un bloque de texto seleccionado en formato URL, para usarlo selecciona una o varias palabras y haz clic en el vínculo
β Abrir en Internet Explorer Permite abrir la página que estas viendo en este momento en Firefox, Opera or Safari en el navegador Internet Explorer.
Como editar los Bookmarklets.
Todos los Bookmarklets que se encuentran en esta página se pueden modificar sus valores después de tenerlos guardados en el navegador. Para eso haz lo siguiente:
Da un clic derecho en el Bookmarklet y escoge en el menú contextual: "Propiedades" o "Edición", dependiendo de qué navegador utilices.
Cambia o modifica en el código el valor que necesites.
En el menú de Edición anterior del Bookmarklet, puedes modificar el nombre y sustituirlo por uno corto, lo que facilitará que ocupe menos espacio en la barra de marcadores y por lo tanto puedas tener más de ellos disponibles. Cambia o modifica en el código el valor que necesites.
Esta es solo una sencilla recopilación de Bookmarklets, en las páginas de este sitio hay disponible múltiples de ellos que no aparecen aquí, los puedes identificar por su icono característico.
β Si el icono es de color azul significa que funciona en todos los navegadores excepto Internet Explorer.
β Si el icono es de color violeta significa que funciona solo en Firefox.
β Si el icono es verde el Bookmarklet es compatible con todos.
β Si el icono es de color violeta significa que funciona solo en Firefox.
β Si el icono es verde el Bookmarklet es compatible con todos.
Páginas relacionadas.
◄ Como crear Bookmarklets con Javascript para usar en el navegador web
◄ Javascript fácil en páginas web, tutorial y ejemplos
◄ Bookmarklets para cambiar el color y estilo a tus páginas de Facebook
◄ Otros Bookmarklets para desarrolladores y diseñadores web
◄ Navegadores y exploradores web, características y comparaciones
◄ Navegadores web plugins instalados, escaneo e información online
◄ Javascript fácil en páginas web, tutorial y ejemplos
◄ Bookmarklets para cambiar el color y estilo a tus páginas de Facebook
◄ Otros Bookmarklets para desarrolladores y diseñadores web
◄ Navegadores y exploradores web, características y comparaciones
◄ Navegadores web plugins instalados, escaneo e información online