Estoy comenzando a desarrollar una extensión de Chrome, donde me gustaría manipular el DOM en un sitio web específico, he leído algunos tutoriales, pero no hay muchos que estén actualizados con respecto a este tema y con manifiesto v3. Lo que quiero lograr ahora es solo un registro de consola simple desde el primer plano, o incluso cambiar el color de fondo para Google estaría bien.

Manifiesto.json

 { "name": "Extension", "description": "Extension description", "version": "0.0.1", "manifest_version": 3, "background": { "service_worker": "./background.js" }, "action": { "default_popup": "./popup.html" }, "permissions": ["tabs", "https://google.com", "scripting"] }

fondo.js

 chrome.tabs.onUpdated.addListener(function(tabId, changeInfo, tab) { if (tab.url.indexOf("opensea.io") > -1) { chrome.scripting.executeScript({ target: {tabId: tab.id, allFrames: true}, files: ["./foreground.js"], }); } });

primer plano.js

 console.log('active');

Estoy un poco confundido sobre cómo hacer esto correctamente, un tutorial dice esto, el otro dice otra manera, pero ninguno de los dos parece funcionar hasta ahora. El error es que no puede acceder al contenido de la url.