domingo, 3 de agosto de 2008

Cambiando la apariencia de las webs con Greasemonkey

Greasemonkey es una extensión para firefox que permite aplicar automáticamente nuestro código javascript al entrar en una web.

Hay miles de scripts en internet pero lo interesante es que resulta muy fácil crear uno desde cero en muy poco tiempo para cambiar lo que no nos gusta de los sitios que visitamos. Incluso se pueden añadir nuevas funcionalidades.

Aquí dejo un ejemplo de como se puede convertir con Greasemonkey la portada de google.es a "irish google".

// ==UserScript==
// @name firstscript
// @namespace http://javiyu.es
// @include http://www.google.es*
// ==/UserScript==

//Cambia el color de fondo
document.body.bgColor="448844";

//Quita la barra de arriba si has accedido con tu cuenta
var guser=document.getElementById('guser');
if(guser){
guser.parentNode.removeChild(guser);
}

var gbar=document.getElementById('gbar');
if(gbar){
gbar.parentNode.removeChild(gbar);
}

var gbhs=document.getElementsByClassName('gbh');
while(gbhs.length>0){
gbhs[0].parentNode.removeChild(gbhs[0]);
}

//Quita el logo de google
var divs=document.getElementsByTagName('div');
for(i=0;i<divs.length;i++){
if(divs[i].title=="Google"){
divs[i].style.background="url(http://www.garmentrecoverysystems.com/images/irish_flag.jpg)";
divs[i].style.width="500px";
divs[i].style.height="150px";

divs[i].textContent="";
}
}

//Cambia el texto de los botones
var inputs=document.getElementsByTagName('input');
for(i=0;i<inputs.length;i++){
if(inputs[i].value=="Voy a tener suerte")
inputs[i].value="Soy un suertudo";

if(inputs[i].value=="Buscar con Google")
inputs[i].value="Busca leprechaun!";
}

Aquí el resultado

2 comentarios:

Anónimo dijo...

Its ok if the appearance of your blog is not good. The important thing is the topic or the content of your blog.

Anónimo dijo...

its good to know about it? where did you get that information?