Inyectar CSS para la extensión de cromo

Question

Soy bastante nuevo en el desarrollo de la extensión de Chrome. Sé que es posible inyectar CSS. Pero, ¿es posible inyectarlo para una URL específica? Por ejemplo, cada vez que visito google.com, se inyectará el CSS.

¡Gracias por la ayuda! :)

Answer 1

Bueno, tienes 2 opciones, inyección programática y scripts de contenido. Los nombres pueden sonar muy complicados y atemorizantes, pero no se preocupe;)

Content Scripts se inyectarán automáticamente cuando se cargue la página. Todo lo que necesita hacer (aparte de escribir el guión), es especificar algo como esto en su manifest.json:

{ 
    "name": "My extension", 
    "version": "1.0", 
    "manifest_version": 2, 
    "content_scripts": [ 
    { 
     "matches": ["http://www.google.com/"], //where your script should be injected 
     "css": ["css_file.css"] //the name of the file to be injected 
    } 
    ] 
} 

Esto debería inyectar el CSS cada vez que carga google.com

Su otra la opción es usar Programmatic Injection. Esto puede ser útil si desea inyectar el código solo algunas veces, generalmente desde una página de fondo. Para hacer esto, puede usar insertCSS(). En ese caso, se necesitaría una host permission en su manifiesto:

{ 
    "name": "My extension", 
    "version": "1.0", 
    "manifest_version": 2, 
    "background_page": "myBackground.html", //if you want to inject it from a background page 
    "permissions": [ 
    "background", //if you want to inject it from a background page 
    "http://www.google.com/" // host permission to google 
    ] 
} 

buena suerte!