Algunas Extensiones para Google Chorme + Yapa
Diccionario de la Real Academia Española
Conoce la definición de cualquier palabra mientras navegas por una página web. Una vez has instalado la extensión, puedes seleccionar cualquier palabra dentro del texto y con un CTRL+doble clic, se abrirá una ventanita con su definición. No encontrarás todas palabras pero poco a poco la están mejorando.
Descarga
Facebook Notifications:
Si eres de los que no paran de entrar en Facebook para comprobar sus notificaciones olvídate, con eta extensión recibirás todos los cambios que se produzcan en tu red social favorita sin necesidad de acceder a la web.
Descarga
Silver Bird
Un genial cliente de Twitter embebido en Google Chrome, para que twittear sea rápido y fácilmente accesible mientras navegas por tus webs favoritas.
Descarga
Yahoo! Messenger
Un cliente de mensajería para Yahoo! messenger para ti.
Descarga
XChrome Theme Changer
Cambia el aspecto de tu navegador Google Chrome con este gestor de themes y déjalo a tu gusto.
Descarga
Fastest tube
Esta extensión permite descargar los vídeos de youtube directamente desde la web. La extensión se inserta en el reproductor como se puede ver en la captura y puedes descargar los vídeos en varios formatos como MP4 720p,MP4 480p etc
Descargar
Gtalklet
Esta extensión embebe el chat de tu cuenta de google en Chrome para que puedas en todo momento hablar con tus contactos sin necesidad de abrir Gmail, muy útil sin duda.
Descargar
X-Notifier
Gracias a esta extensión serás notificado de cualquier mail que recibas en cualquiera de tus cuentas de correo (que soporte claro).
Descargar
Google Translate
Una extensión que te permite traducir páginas web enteras al idioma que desees con un solo clic. La traducción no es perfecta pero el texto resulta ser siempre ser bastante comprensible. Con esta extensión podrás acceder al contenido de blogs de otros docentes y extender tu Entorno Personal de Aprendizaje sin hablar su idioma.
Esta extensión detecta automáticamente si el idioma de la página es diferente al idioma en que usas tu interfaz de Google Chrome. De esta manera cuando accedes a una página en inglés, inmediatamente te muestra un banner arriba para traducirla en un solo clic.
Descarga
YouTube Search:
[bUna extensión que te permite encontrar un video en YouTube en segundos. Pulsas el botón, escribes el tema que te interesa o el autor y rápidamente te abre el video en YouTube. Esta extensión será todavía más interesante cuando esté disponible para YouTube para Escuelas.
Descarga
Y la ultima Taringa Extensions v2.5.0
Una extensión que te permite ver tus notificaciones, nuevos mensajes, top post buscar post, etc. y todo sin entra en la pagina principal.
By @Ootl7 & @elvago9
Descarga
Como crear una extensión para chrome
Lo Básico:
1. Instalar del canal dev de Chrome
El canal dev de Chrome tiene las tecnologías más nuevas y las mejores herramientas para desarrolladores. Instálalo y úsalo para depurar tus extensiones.
2. Consigue un editor de texto para codificar
Si quieres algo muy básico, puedes usar Notepad. Yo utilizo Notepad2 porque es ligero y tiene resalto de sintaxis y otras funciones útiles. Hay muchímos, elige el que más te gusta.
3. Aprende HTML, CSS y JavaScript
Las extensiones de Chrome están hechas con las mismas técnicas con las que se hacen págines web. HTML para contenido, CSS para presentación y JavaScript para comportamiento e interacción. Recomiendo mucho los tutoriales de W3School si apenas estás empezando. Si ya has construido páginas web antes, tal vez puedas saltarte este paso.
4. Sigue el tutorial oficial
Google tiene un buen tutorial para aprender a hacer tu primera extensión. El tutorial explica cómo construir una extensión simple y probarla en tu navegador. Después de esto, ¡ya estarás listo para construir tu propia extensión!
5. ¿Ahora qué?
Ahora que ya sabes cómo construir una extensión básica, ¡es momento de dejar volar tu imaginación! Lee la documentación de extensiones y mira qué puedes construir con las herramientas disponibles. Empieza con algo pequeño y no te preocupes por equivocarte. Cuando tu extensión esté lista, publícala en la galería de extensiones de Chrome para que el mundo la pueda usar.
Ahora si el proceso...
Agregar una página de opciones
Para agregar una página de opciones a la extensión, crea un archivo opciones.html en la carpeta de tu extensión y agrega la línea “options_page” al manifest.json de esta manera:
1|{
2|"name": "My Extension",
3|...
4|"options_page": "opciones.html"
5|...
6|}
LocalStorage
LocalStorage es un objeto de HTML5 que se puede usar para almacenar datos localmente usando JavaScript. Chrome permite que extensiones utilicen el objeto localStorage para almacenar opciones y datos.
Guardando opciones
Para guardar un string en localStorage, usa el siguiente código, cambiando miopcion y mivalor por los tuyos:
1| localStorage["miopcion"] = "mivalor";
O, equivalentemente:
1| localStorage.miopcion = "mivalor";
Cargando opciones
Para cargar una opción, sólo accede al miembro del objeto localStorage:
1| mivariable = localStorage["miopcion"];
O, equivalentemente:
1| mivariable = localStorage.miopcion;
Siempre es una buena idea asegurarse que se está cargando una opción válida. Por ejemplo, el siguiente código carga el color favorito, pero si no es un color válido carga el valor predeterminado:
01| var colorPredeterminado = "azul";
02|
03| function cargarColorFavorito() {
04| var colorFav = localStorage["colorFav"];
05|
06| // colores validos son rojo, azul, verde y amarillo
07| if (colorFav == undefined || (colorFav != "rojo" && colorFav != "azul" && colorFav != "verde" && colorFav != "amarillo" (( }
08 | colorFav = colorPredeterminado;
09| }
10|
11| return colorFav;
12| }
Borrar opciones
Puedes borrar una opción quitándola del objeto localStorage, de esta manera
1| localStorage.removeItem("miopcion" ) ;
Construyendo una página de opciones
Continuando con nuestro ejemplo de colores, creemos ahora la página de opciones completa para nuestra extensión de colores. La página opciones.html se vería así:
01| <html>
02| <head>
03| <title>Opciones para Colores</title>
04| <script type="text/javascript" src="opciones.js"></script>
05| </head>
06| <body onload="cargarOpciones()">
07| <h1>Color favorito</h1>
08 | <select id="color">
09| <option value="azul">Azul</option>
10| <option value="rojo">Rojo</option>
11| <option value="verde">Verde</option>
12| <option value="amarillo">Amarillo</option>
13| </select>
14| <br />
15| <button onclick="guardarOpciones()">Guardad</button>
16| <br />
17| <button onclick="borrarOpciones()">Reestablecer predeterminados</button>
18 | </body>
19|</html>
¡Eso es todo amigos! También podes guardar y cargar a y de localStorage en otras partes de la extensión, y los datos son compartidos entre todos los archivos de la extensión.
Fuente: http://www.hogargeek.com/cmo-hacer-una-extensin-de-chrome-parte-2-opciones-y-localstorage/ Y http://www.hogargeek.com/como-hacer-una-extension-de-chrome-parte-1-basico/
1 comentario