Estoy trabajando en una extensión de Chrome que toma un nombre y un segundo nombre del usuario, y reemplaza todas las instancias de nombre con segundo nombre en la pestaña en la que se encuentra el usuario. La lógica es realmente fácil, sin embargo, obtener la entrada del usuario y usarla en la página es extremadamente desafiante.

Esto es lo que tengo:

Manifiesto.json:

 { "manifest_version": 3, "name": "Background Changer", "version": "1.0.0", "description": "Does stuff with the background.", "action": { "default_title": "lol", "default_popup": "index.html" }, "permissions": ["scripting", "tabs", "activeTab"], "host_permissions": ["<all_urls>"] }

índice.html

 <h2>Dead Name</h2> <input type="text" id="deadName"> <h2>Real name</h2> <input type="text" id="realName"> <input type="submit" id="submitButton"> <script src="popup.js"></script>

emergente.js

 let realName = document.getElementById("realName") let deadName = document.getElementById("deadName") document.getElementById("submitButton").addEventListener('submit', injectJS); const tabId = getTabId(); function injectJS(){ chrome.scripting.executeScript( { target: {tabId: tabId, allFrames: true}, files: ['content.js'], }, () => {}); }

contenido.js

 alert("LOL")

En pocas palabras, este código pretende ser una prueba de inyectar Javascript desde la ventana emergente de la extensión a la pestaña en la que se encuentra el usuario. A pesar de que adjunté el detector de eventos y hice clic en él, la alerta no aparece.