Entonces... Estoy en el proceso de hacer una extensión del navegador Chrome como una tarea de práctica.

En este momento, he creado un archivo manifest.json que contiene una parte como la siguiente:

 "content_scripts": [ { "matches": ["<all_urls>"], "js": ["content.js"] } ]

La intención aquí es que para todos los sitios abiertos a través del navegador Chrome, content.js estará en funcionamiento.

Antes de entrar en lo que pretendo tener como content.js, hice un index.html (imagen del mismo haciendo clic en el 1 aquí) 1

Además, hice main.css y se parece a lo siguiente:

 html body { filter: grayscale(70); }

Básicamente, index.html será el aspecto que tendrá la "Nueva pestaña". Entonces, en esa página, por ejemplo, si un usuario marca "YouTube", quiero que content.js tenga algo como: "Si la marca de verificación de YouTube está marcada Y el dominio del sitio web coincide con www.youtube.com , entonces aplique main. css a la página de ese sitio web"