Las extensiones son pequeños programas de software que personalizan la experiencia de navegación. Permiten a los usuarios adaptar la funcionalidad y el comportamiento de Chrome a sus necesidades o preferencias individuales. Se basan en tecnologías web como HTML, JavaScript y CSS.
Una extensión debe cumplir con un único propósito definido de forma específica y fácil de entender. Una sola extensión puede incluir varios componentes y un rango de funcionalidades, siempre que todo contribuya a un propósito común.
Las interfaces de usuario deben ser mínimas y tener intención. Estas pueden variar desde un ícono simple, como la extensión Google Mail Checker que se muestra arriba, hasta la anulación de una página completa.
Los archivos de extensiones se comprimen en un solo paquete .crx que el usuario descarga y, luego, instala. Esto significa que las extensiones no dependen del contenido de la Web, a diferencia de las apps web comunes.
Las extensiones se distribuyen en el Panel del desarrollador de Chrome y se publican en Chrome Web Store. Si quieres obtener más información, consulta la documentación para desarrolladores de la tienda.
Extensiones de Hello
Conoce un poco más sobre las extensiones con este ejemplo rápido de extensiones de saludo. Para comenzar, crea un directorio nuevo para almacenar los archivos de la extensión o descárgalos desde la página de muestra.
A continuación, agrega un archivo llamado manifest.json y agrega el siguiente código:
{
"name": "Hello Extensions",
"description" : "Base Level Extension",
"version": "1.0",
"manifest_version": 2
}
Todas las extensiones requieren un manifiesto, aunque la mayoría de las extensiones no hacen mucho solo con el manifiesto.
Para este inicio rápido, la extensión tiene un archivo emergente y un ícono declarados en el campo browser_action:
{
"name": "Hello Extensions",
"description" : "Base Level Extension",
"version": "1.0",
"manifest_version": 2,
"browser_action": {
"default_popup": "hello.html",
"default_icon": "hello_extensions.png"
}
}
Descarga hello_extensions.png aquí y, luego, crea un archivo llamado hello.html:
<html>
<body>
<h1>Hello Extensions</h1>
</body>
</html>
La extensión ahora muestra hello.html cuando se hace clic en el ícono. El siguiente paso es incluir un comando en manifest.json que habilite una combinación de teclas. Este paso es divertido, pero no necesario:
{
"name": "Hello Extensions",
"description" : "Base Level Extension",
"version": "1.0",
"manifest_version": 2,
"browser_action": {
"default_popup": "hello.html",
"default_icon": "hello_extensions.png"
},
"commands": {
"_execute_browser_action": {
"suggested_key": {
"default": "Ctrl+Shift+F",
"mac": "MacCtrl+Shift+F"
},
"description": "Opens hello.html"
}
}
}
El último paso es instalar la extensión en tu máquina local.
- Ve a
chrome://extensionsen tu navegador. También puedes acceder a esta página si haces clic en el menú de Chrome en la parte superior derecha del cuadro multifunción, coloca el cursor sobre Más herramientas y selecciona Extensiones. - Marca la casilla junto a Modo de desarrollador.
- Haz clic en Load Unfilled Extension y selecciona el directorio para la extensión "Hello Extensions".
¡Felicitaciones! Ahora puedes usar la extensión basada en ventanas emergentes. Para ello, haz clic en el ícono hello_world.png o presiona Ctrl+Shift+F en el teclado.
¿Qué debes hacer a continuación?
- Sigue el instructivo para comenzar.
- Lee la descripción general.
- Para mantenerte al tanto, lee el blog de Chromium.
- Suscribirse al grupo dechromium-extensions