Estoy creando una extensión para Chrome donde el usuario puede ingresar un script, luego presionar "ejecutar" para inyectarlo en la pestaña actual. Estoy usando MV3 (manifiesto v3). ¿Hay alguna manera de hacer esto?
Mi código:
HTML:
<div class="scriptrunner"> <h1>Script Runner</h1> <textarea placeholder="Enter script here" id="script"></textarea> <button id="run">Run Script</button> </div>JavaScript:
let button = document.getElementById("run"); button.addEventListener("click", async () => { let input = document.getElementById("script"); let script = input.value; // this is where the script would be ran });He intentado lo siguiente:
chrome.scripting.executeScript()eval()chrome.scripting.executeScript() para insertar una etiqueta de script con una función y luego ejecutar la funciónAcabo de empezar a trabajar en las extensiones de Chrome, así que tal vez me perdí algo, o esto es simplemente imposible.
La ejecución de código de usuario arbitrario (userscripts) aún no está implementada en ManifestV3.
Mientras tanto, podemos ejecutar dicho código en el contexto de la página, es decir, no como un script de contenido:
async function execInPage(code) { const [tab] = await chrome.tabs.query({currentWindow: true, active: true}); chrome.scripting.executeScript({ target: {tabId: tab.id}, func: code => { const el = document.createElement('script'); el.textContent = code; document.documentElement.appendChild(el); el.remove(); }, args: [code], world: 'MAIN', //injectImmediately: true, // Chrome 102+ }); } execInPage('console.log(123)'); ¡Advertencia! Esto puede ser bloqueado por el sitio si tiene una Content-Security-Policy estricta, en cuyo caso puede eliminar este encabezado a través de la API declarativeNetRequest .