Popular channels

[Aporte] Crea extensiones para el Google Chrome




Hola, como andan? Espero que bien


Una extensión para el Google Chrome es:
Extensión para Google Chrome: http://www.google.com/support/chrome/bin/answer.py?answer=154007
Google Chrome: http://es.wikipedia.org/wiki/Google_Chrome


Empezamos con el tutorial.....

Para crear tu primera extensión para Google Chrome tenes que tener algún conocimiento HTML, JavaScript, y PHP (Si queres texto dinamico)

Ahora debes seguir los siguientes pasos

1- Vamos a crear el archivo donde estará la información, nombre, descripción, logo, etc... de la extensión
Abrimos el Block de Notas, copiamos el siguiente código y cambias los datos según tu extensión

{
"name": "Nombre de la extensión",
"version": "Versión. Ejemplo 1.0",
"description": "Descripción de la extensión",
"browser_action": {
"default_icon": "Imágen para el icono en el menú de extensiones. Ejemplo: icono.png",
"popup":"Aca debe ir el nombre del archivo que contendra lo que va a mostrar la extensión. Ejemplo: Plugin.html (Siempre HTML) "
}
}

Ahora lo guardamos en una carpeta (La carpeta donde iran todos los archivos que vamos a ir creando)
Aclaración: El archivo debe ser guardado con el nombre "manifest.json"

2- Ahora vamos a crear el archivo HTML, que es el que se va a ver al abrir la extensión
En el archivo le ponemos todo lo que queres que se vea en el plugin. Y lo guardas con el nombre del "popup:" que pusiste en el archivo "manifest.json"
Aclaración: El archivo HTML puede contener estilos css. En el caso que quieras usar PHP, pones un URL en el archivo HTML al archivo PHP que este en un servidor (El archivo PHP en lo posible que sea de las mismas dimensiones que el archivo HTML)

3- Probar la extensión en tu Google Chrome. Para eso segui este tutorial en imágenes. (Esto es una vez que ya tengas todos los archivos en una carpeta)

Empieza la instalación
Vamos ha:






Ahora seleccionamos la carpeta donde estan todos los archivos



Se agrego:



Probarlo:



3- Publicarla en Google https://chrome.google.com/extensions/developer/dashboard?hl=es

Bueno esto es todo, cualquier duda pregunten.
Espero que les haya gustado
0
0
0
0No comments yet