En el manifiesto v2, este código funcionó e inyectó el script cuando se hizo clic en el botón:
popup.js v2 (funciona)
document.addEventListener('DOMContentLoaded', function () { // Get button by ID var button = document.getElementById('btnScan'); // Define button on click action button.onclick = function () { chrome.tabs.executeScript(null, { file: 'Scripts/script.js' }); window.close(); } }); Ahora, en el manifiesto v3, chrome.tabs.executeScript se reemplaza por chrome.scripting.executeScript .
El permiso de secuencias de scripting se agrega en manifest.json .
popup.js v3 (no funciona)
document.addEventListener('DOMContentLoaded', function () { // Get button by ID var button = document.getElementById('btnScan'); // Define Scan button on click action button.onclick = function () { chrome.scripting.executeScript ( { target: { tabId: null}, // ??????? files: ['Scripts/script.js'] } ); window.close(); } }); El problema es que chrome.tabs.executeScript requiere el valor tabId como uno de los parámetros. ¿Cómo puedo obtener el valor de tabId en popup.js o convertir el javascript de la versión v2 del manifiesto para que funcione igual?
Gracias a @wOxxOm que publicó un enlace como comentario.
La solución fue obtener la pestaña activa y usar su tabId .
document.addEventListener('DOMContentLoaded', function () { // Get button by ID var button = document.getElementById('btnScan'); button.onclick = injectScript; }); async function injectScript() { const [tab] = await chrome.tabs.query({ active: true, currentWindow: true }); await chrome.scripting.executeScript({ target: { tabId: tab.id }, files: ['Scripts/script.js'] }); window.close(); }