Principiante absoluto de JS aquí, por favor sea amable y perdone mi ignorancia.
En el fondo service_worker (background.js) de una extensión de Chrome que estoy tratando de construir (manifest_version: 3) utilizo la API chrome.action para controlar el comportamiento del icono de la barra de herramientas.
chrome.action.onClicked.addListener(async function (tab) { chrome.scripting.executeScript({ target: {tabId: tab.id}, files: ['iconClicked.js'] }); });Ahora, cuando un usuario hace clic en el icono mientras está en chrome://extensiones, se produce un error:
Error no capturado (en promesa): no se puede acceder a una URL de chrome://
¿Qué puedo hacer para evitar que mi secuencia de comandos se ejecute en chrome:// URL?
Intenté envolverlo en una condición para verificar la URL actual:
if (window.location.href.includes("urls/where/i/want/my/script/to/run") == true) { chrome.action.onClicked.addListener(async function (tab) { chrome.scripting.executeScript({ target: {tabId: tab.id}, files: ['iconClicked.js'] }); }); };Pero, por desgracia, aparentemente en chrome:// "window" no está definido:
ReferenceError: la ventana no está definida
¿De qué otra manera puedo evitar que mi extensión arroje errores en chrome:// (idealmente sin usar jQuery o cualquier otra biblioteca)?
¡Cualquier sugerencia es muy apreciada!
La secuencia de comandos en segundo plano se ejecuta como un trabajador de servicio, por lo que no tiene relación con la location de una página web.
Dado que executeScript devuelve una Promesa de forma predeterminada, puede catch para ignorar el error:
chrome.action.onClicked.addListener(async tab => { await chrome.scripting.executeScript({ target: {tabId: tab.id}, files: ['iconClicked.js'], }).catch(() => {}); }); O envuélvelo en try con await :
chrome.action.onClicked.addListener(async tab => { try { const results = await chrome.scripting.executeScript({ target: {tabId: tab.id}, files: ['iconClicked.js'], }); // console.log(results); } catch (e) { // ignoring the error } });Y en aras de la exhaustividad, ManifestV3 también se puede usar con devoluciones de llamada:
chrome.action.onClicked.addListener(tab => { chrome.scripting.executeScript({ target: {tabId: tab.id}, files: ['iconClicked.js'], }, () => chrome.runtime.lastError); // ignoring the error });