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.
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:
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.
Muy bueno, esperaremos más funciones 🙂