Insertar CSS desde plugin

[larios_tnt]

Hola,

He creado un plugin para chrome que me busca una serie de palabras en cualquier página web :) y lo que quiero hacer es aplicar a dichas palabras un css mío, por lo que había puesto en mi js lo siguiente:

Código:

var headID = document.getElementsByTagName("head")[0];
css = document.createElement('link');
css.rel  = 'stylesheet';
css.href = 'style.css';
css.type = 'text/css';
css.id = "fran";
headID.appendChild(css);

El problema está en que la página no es capaz de encontrar el fichero style.css ¿Alguien me puede decir cómo decirle que busque el css en el plugin? Se me ocurrió el subirlo a algún sitio y que lo buscara desde allí pero me parece un poco chapuza.

¿Algún consejo, idea o sugerencia?

[caricatos]

Hola:

Supongo que sería mejor usar rutas absolutas... tal vez empezadas por "http://localhost/"...

Saludos

[masterpuppet]

Deberias mirar la documentación de chrome, si es un content_script, lo agregas en el manifest.json, algo asi:

Código JSON:

"content_scripts": [ {
   "css": [ "mycustom.css" ],
   "matches": [ "http://www.google.com/*" ]
} ]
 

tambien podes utilizar chrome.extension.getUrl, le pasas la url relativa y te da la ruta correspondiente al plugin, que no es mas que algo parecido a chrome://idextension/path/to/file.

Saludos.

[larios_tnt]

Iniciado por masterpuppet

Deberias mirar la documentación de chrome, si es un content_script, lo agregas en el manifest.json, algo asi:

Código JSON:

"content_scripts": [ {
   "css": [ "mycustom.css" ],
   "matches": [ "http://www.google.com/*" ]
} ]
 

tambien podes utilizar chrome.extension.getUrl, le pasas la url relativa y te da la ruta correspondiente al plugin, que no es mas que algo parecido a chrome://idextension/path/to/file.

Saludos.

Ya sabía yo que el "content_script" me tenía que aparecer en algún momento :S El problema que tengo con el "content_script" es que no le veo mucha utilidad con respecto al "permissions" ¿Qué diferencias entiendes que hay entre cada uno?

La idea de usar "chrome.extension.getUrl" me parece una opción buena ;)