He estado desarrollando una extensión para todos los navegadores (para Chrome, Firefox, Opera, etc.) que ejecuta un script cada vez que el usuario accede a una nueva página en Youtube. Dado que Youtube usa pushState de la API de historial para navegar a una nueva página, la inyección declarativa del script solo funciona cuando se vuelve a cargar una página o la URL se ingresa explícitamente en la barra de direcciones. Para evitar esto, usé onHistoryStateUpdated de la API de navegación web para inyectar el script mediante programación (como se explica aquí ).
manifiesto.json:
... "permissions": ["webNavigation", "https://*.youtube.com/*"] ...fondo.js:
chrome.webNavigation.onHistoryStateUpdated.addListener(function(details) { chrome.tabs.executeScript(details.tabId, {file: "/content.js"}); }Quiero portar mi extensión a Safari, pero según su documentación , onHistoryStateUpdated no es compatible. ¿Hay formas alternativas de detectar cambios para pushState en Safari?
PD: Espero estar explicando esto lo suficientemente bien, ya que esta es mi primera pregunta en Stack Exchange. Muchas gracias de antemano!
Después de buscar en la Red de desarrollo de Mozilla (MDN), encontré una solución (vinculada aquí ) para mi extensión que funciona con Safari. Implica detectar cambios de pestaña en lugar de cambios de estado del historial, como se muestra a continuación.
manifiesto.json:
... "permissions": ["https://*.youtube.com/*"] ...fondo.js:
function handleUpdated(tabId, changeInfo) { if (changeInfo.url) { browser.tabs.executeScript({file: "/content.js"}); } } browser.tabs.onUpdated.addListener(handleUpdated);Nota: Para detectar cambios de pestaña para otros sitios web, los otros sitios web deben agregarse a la lista de permisos de host en el archivo de manifiesto.
Espero que esto ayude a otros en el desarrollo de su extensión. ¡Gracias!