Estoy aprendiendo sobre el desarrollo de extensiones de Chrome y quiero actualizar el contenido de mi ventana emergente siempre que haya un cambio en la URL (¡no un cambio de pestaña!).

Mi secuencia de comandos de contenido básicamente accede al DOM y toma un texto para establecerlo como un nombre dentro de Chrome localStorage. popup.js luego recupera el nombre de localStorage y lo muestra dentro de la ventana emergente.

Problema: ¿Cómo puedo volver a ejecutar el script de contenido siempre que cambie la URL de las páginas actuales? Creo que necesitaría usar chrome.tabs.onUpdated.addListener pero no estoy seguro de cómo implementarlo. ¿Cómo puedo implementar mejor esta funcionalidad?

Hasta ahora tengo lo siguiente:

contentScript.js

 // Store name in localStorage chrome.storage.local.set({ name });

emergente.js

 // Get name from localStorage and set as some state useEffect(() => { chrome.storage.local.get('name', (data) => { setName(data.name); }); }, []);

manifiesto.json

 "permissions": ["storage", "tabs"], "content_scripts": [ { "matches": ["https://site.storm.com/*"], "js": ["contentScript.js"] }