Jorge Oyhenard

Plugins JavaScript para Chrome y FireFox

Si bien Google Chrome es rápido y ya cuenta con algunos plugins, se extrañan bastante algunos que utilizo en FireFox, además e irónicamente Google aun no lanza una versión de su Google Toolbar para su propio navegador Google Chrome, es por eso que investigando un poco he ido creando, y coleccionado algunos JavaScript que ayudan en la tarea diaria de quienes diseñamos, desarrollamos, o hacemos posicionamiento de sitios webs.JS Chrome FireFox

Tanto en FireFox como en Chrome (y otros), podemos crear Bookmarks o Marcadores, que generalmente son links a nuestras paginas favoritas, pero lo bueno es que también es posible utilizar JavaScript, y con esto reemplazar o agregar funciones, a nuestros navegadores.

La idea de este artículo es brindarte algunos script listos para usar, pero para quienes quieran un pasito mas, voy a comenzar por explicar por arriba el funcionamiento de los mismos.

En la barra de direcciones, donde usualmente escribimos la url de la web a visitar o lo que queremos buscar en Chrome y las ultimas versiones de FireFox, podemos también también escribir código JavaScript, por ejemplo:

Si tipeamos solophotoshop.com, aparece nuestro sitio de tutoriales photoshop

si tipeamos «google noticias», buscara ese texto

pero lo interesante es si tipeamos javascript:alert(‘Hola’);

Saldrá un cuadro de mensaje que dice «Hola», esto sucede porque alert() es una función JavaScript, que nuestro navegador ejecuta y muestra un mensaje que indicamos entre los paréntesis y comillas.

Algo sencillo, pero que puede ser potente si combinamos algún que otro código adicional, y a eso vamos.

Además, JavaScript permite crear variables, que recuerdan valores para usarlos más adelante, por ejemplo:

var a = «Hola»; // guarda la palabra hola en a

var b = «Amigo»; // guarda la palabra hola en b

a esto, luego podemos utilizarlo así:

alert(a + «, » + b); // imprime Hola, Amigo

Si queremos probar en la barra de direcciones de nuestro navegador, lo escribimos todo junto en una línea, así:

javascript:var a=»Hola»; var b=»Amigo»; alert(a + «, » + b);

Nota: si copias y pegas, cambia las quotes por comillas dobles.

Además de crear variables podemos utilizar otras pre-definidas o las que posee el navegador, como por ejemplo para obtener o mostrar la URL de la página actual, utilizamos location.href , si estando en www.solophotoshop.com en la linea de direcciones escribimos:

javascript:var a=»Hola»; var b=location.href; alert(a + » » + b);

muestra  Hola www.solophotoshop.com en un cuadro de dialogo.

Veamos ahora, la forma de conocer cuantas paginas, de un sitio web hay indexadas en Google, y eso se logra buscando en google: site:nombredelsitio.com por ejemplo:

site:solophotoshop.com

nos mostrará y contara cuantas paginas hay indexadas de SoloPhotoshop.

Pero para que nos sirve toda esta teoría ?

La idea es que utilicemos lo que aprendimos hasta ahora, y lo combinemos para obtener resultados, por ejemplo podemos hacer que con 1 solo clic, nos muestre cuantas paginas indexadas tiene Google del sitio actual que estamos visitando, eso lo logramos escribiendo en la barra de direcciones lo siguiente:

javascript:var a=location.href; location.href=»http://www.google.com/search?q=site:» + a;

se entiende ??, … por las dudas y viendo tu cara, va despacito y explicado cada parte del JavaScript en español ….

var a=location.href;

guardamos en a la pagina actual, por ejemplo nos guarda http://www.solophotoshop.com

location.href=»http://www.google.com/search?q=site:» + a;

obliga al navegador a cambiar la url actual (location.href), por un sitio llamado google.com y para pedirle que busque el site: contenido en la varible a, sin olvidarnos que en a estaba almacenada la URL del sitio actual, en mi ejemplo http://www.solophotoshop.com por tanto saltara a este link:

http://www.google.com/search?q=site:http://www.solophotoshop.com/

y obviamente funciona para cualquier pagina donde estemos en ese momento, no solo para solophotoshop.com

Solo resta ahora, agregar esta función a nuestro Bookmark o Marcadores, para no tener que recordarla, en Chrome la barra de marcadores la traemos con CTRL+B y en FireFox con CTRL+D o bien con Ver, Barra de Herramientas, Marcadores.

Luego que ya ves la barra, solo agregas el JavaScript que acabas de aprender, como si fuera cualquier link de tu Favoritos:

javascript:var a=location.href; location.href=»http://www.google.com/search?q=site:» + a;

y le das un nombre adecuado, en mi caso use «Indexadas».

Espero quede claro, y veremos algunas otras funciones en próximas entregas, si te interesa claro.

Salir de la versión móvil