Usa Javascript para obtener la URL de la pestaña actual.
Estoy tratando de crear una extensión de Google que registre las URL de la pestaña actual y la anterior que visita un usuario. ¿Hay alguna manera de usar JavaScript para que la extensión de Chrome se ejecute en segundo plano, verifique la pestaña actual y devuelva la URL?
Mi HTML actual:
<body>
<div class=""container"">
<h2> Pestaña Actual </h2>
<div id=""current_url""> </div>
<h2> Pestaña Anterior </h2>
<div id=""previous_url""> </div>
</div>
</body>
Intenté hacer esto:
document.getElementById("current_url").innerHTML = window.location.href;
pero no se actualiza cuando cambio a una nueva pestaña.
davy.ai
Para tener una extensión de Google Chrome que lleve un registro de las URL de pestañas actual y previa visitadas por un usuario usando Javascript, puede usar la API chrome.tabs para escuchar los eventos de pestañas y actualizar el HTML con las URL actuales y previas. Aquí hay un ejemplo:
Esto escucha cuando se activa una pestaña (cambiada) y envía un mensaje al script de fondo con la URL actual. También escucha cuando una pestaña se elimina (cerrada) y envía un mensaje con la URL anterior.
Esto recibe los mensajes del script de contenido y actualiza las variables de URL actuales y previas en consecuencia. También llama a la función updateHtml para actualizar el HTML con las nuevas URL.
Esto obtiene la pestaña actualmente activa y envía un mensaje al script de contenido para obtener la URL actual. También escucha un mensaje del script de contenido con la URL actual y actualiza el HTML con ella.
Con este código, su extensión de Google Chrome debería poder llevar un registro de las URL de pestañas actuales y previas visitadas por un usuario, incluso al cambiar entre pestañas.