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 las necesidades o preferencias individuales. Se crean en la Web tecnologías como HTML, JavaScript y CSS.
Las extensiones deben tener un propósito único específico y fácil de entender. R puede incluir varios componentes y una variedad de funcionalidades, siempre y cuando todo contribuye a un propósito común.
Las interfaces de usuario deben ser mínimas y tener un nivel de intención. Pueden ir desde un simple icono, como el ícono de Google extensión de Mail Checker que se muestra arriba para anular una página completa.
Los archivos de extensión se comprimen en un solo paquete .crx que el usuario descarga e instala. Esta
significa que las extensiones no dependen del contenido de la Web, a diferencia de las aplicaciones web comunes.
Las extensiones se distribuyen en el Panel del desarrollador de Chrome y se publican en Chrome Web Store. Para obtener más información, consulta la documentación para desarrolladores de la tienda.
Extensiones de Hello
Da un pequeño paso a las extensiones con este breve ejemplo de extensiones de Hello. Para comenzar, crea una nueva para almacenar los archivos de la extensión o descargarlos desde la página de muestra.
A continuación, agrega un archivo llamado manifest.json e incluye el siguiente código:
{
"name": "Hello Extensions",
"description" : "Base Level Extension",
"version": "1.0",
"manifest_version": 2
}
Cada extensión requiere un manifiesto, aunque la mayoría de las extensiones no sirven solo para este.
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
en manifest.json que habilita 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 haciendo 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 la opción para cargar extensiones sin empaquetar y selecciona el directorio de "Hello Extensions". .
¡Felicitaciones! Ahora puedes hacer clic en el ícono hello_world.png para usar tu extensión basada en ventanas emergentes
o presionando Ctrl+Shift+F en tu teclado.
¿Qué debo hacer?
- Sigue el instructivo para comenzar.
- Lee la Descripción general.
- Lee el blog de Chromium para mantenerte al día
- Suscribirse al grupo de extensiones de Chromium