Siedrix

RSS Twitter

Hackeando Sitios web con Extensiones de Chrome

Después de un rato de pensar que hootsuite y twitter deberían de tener una manera de agregar texto de manera directa al textarea, un texto que utilices seguido y te de flojera escribir me di cuenta que es algo que podía hacerse muy fácilmente con una extensión de Chrome.

Realmente fue fácil. Para esta extensión tenemos el manifest, jquery y un archivo con javascript de lo que queremos hacer.

En el manifest tendremos que utilizar la propiedad content_scripts con lo cual podremos declarar que al ingresar a una página haga algún tipo proceso, en este caso cargar jQuery y nuestro script.

{
	"name": "Hootsuite",
	"version": "1.0",
	"description": "Add buttons to a page.",
	"content_scripts": [
    {
      "matches": ["http://hootsuite.com/dashboard"],
      "js": ["jquery.js","optiones.js"]
    },{
      "matches": ["http://twitter.com/*"],
      "js": ["jquery.js","optiones.js"]
    }
	]
}

Después en nuestro script agregaremos un div gris hasta arriba con botones, cada botón cuando le hagamos click llenara la textarea de un texto en particular.

$(document).ready(function() {
	console.log('hello world');
	$('body').prepend('
 
');
	$('#loki').append('
<div id="bunkerBanda" style="padding: 5px; text-align: center; height: 20px; background: white; -webkit-border-radius: 3px; width: 100px;">bunkerBanda</div>
');
	$('#bunkerBanda').click(function(){
		$('textarea').focus();
		$('textarea').html('@boyzo @dfect @anibalruz @altuzar @theRealMaiMai');
	});
});

De esta manera cuando yo desee mandar un tweet a la bunkerbanda, no necesitare escribir sus nombres y no correré el riesgo de olvidar a alguien. Se podrían poner de nenas.
Esto abre una posibilidad muy chida y empezare a jugar con este tipo de hacks a sitios, sobretodo que Chrome ya tiene notificaciones desktop.

La pueden descargar de aqui.

Related posts:

  1. Mis primeros pasos en Extensiones de Chrome
  2. Mi primera Extension de Chrome
  3. Jugando con Server Side Javascript
  4. Hackeando un Pontiac GTO
  5. Un poquito de lo aprendido sobre Jaxer

1 Comment to Hackeando Sitios web con Extensiones de Chrome

  1. Anibal's Gravatar Anibal
    April 27, 2010 at 8:33 am | Permalink

    Nice… Creo que es un buen comienzo para mi para ver que se puede hacer con javascript y mucho mejor juntandolo para hacer extensiones.

    Por cierto se te olvido @Manelik lol

Deja tu Opinión

Puedes agregar tags de HTML como: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">