Primeros pasos con la extensión de Google Chrome

Ejemplo de mínimo absoluto

Cualquier extensión de Chrome comienza como una extensión desempaquetada: una carpeta que contiene los archivos de la extensión.

Un archivo que debe contener es manifest.json, que describe las propiedades básicas de la extensión. Muchas de las propiedades en ese archivo son opcionales, pero aquí hay un archivo manifest.json mínimo absoluto:

{
  "manifest_version": 2,
  "name": "My Extension",
  "version": "1.0"
}

Cree una carpeta (por ejemplo, myExtension) en algún lugar, agregue manifest.json como se indica arriba.

Luego, debe cargar la extensión en Chrome.

  1. Abra la página chrome://extensions/, accesible a través de Menú > Más herramientas > Extensiones.
  2. Habilite el Modo de desarrollador con una casilla de verificación en la parte superior derecha, si aún no está habilitado.
  3. Haga clic en el botón Cargar extensión desempaquetada… y seleccione la carpeta myExtension creada. ingrese la descripción de la imagen aquí

¡Eso es todo! Chrome carga su primera extensión:

ingrese la descripción de la imagen aquí

Por supuesto, todavía no hace nada, por lo que es un buen momento para leer una descripción general de la arquitectura de la extensión para comenzar a agregar las partes que necesita.

Importante: Cuando realice cambios en su extensión, no olvide regresar a chrome://extensions/ y presione el enlace Recargar para su extensión después de realizar los cambios. En el caso de secuencias de comandos de contenido, vuelva a cargar la página de destino también.

Página de fondo

Guiones de contenido

Página de opciones

Crear una nueva pestaña

En el código de la extensión puede usar cualquier API chrome.* si decaló los permisos requeridos. Además, algunas API funcionan solo desde páginas de fondo y algunas API solo funcionan desde scripts de contenido.

Puede usar la mayoría de los métodos chrome.tabs declarando cualquier permiso. Ahora nos enfocamos en chrome.tabs.create

Nota: La nueva pestaña se abrirá sin ninguna advertencia emergente.

chrome.tabs.create({
       url:"http://stackoverflow.com",
       selected:false  // We open the tab in the background
})

Puede obtener más información sobre el objeto de pestaña en el [desarrollador oficial de Chrome] (https://developer.chrome.com/extensions/tabs#method-create)