Detectar si la pagina esta abierta en otras pestañas con js

Question

Tengo una duda quiero saber como puedo detectar con js cuando han duplicado la pestaña de mi app web, así como web whatsapp te dice que esta abierto en otra pestaña como se hace con js

Gracias

bercklyn Carlosviza · Answer

Lo que puedes hacer es agregar una función a window.onload que pregunte si un valor de un input ya esta cargado o no , ese vendría a ser tu estado. Al tener la función de duplicar casi la misma funcionalidad que los botones de Atrás y Adelante del navegador se parcha esa parte dejando vació el input. A modo de ejemplo dejo visible el input para tu caso seria cambiar al tipo hidden asi type="hidden".

Fuente : Link de SO

window.onload = onLoad();
function onLoad()
{
    if ($('#myStateInput').val() === '') // Carga sin no tiene el estado .
        $('#myStateInput').val('cargado'); //se cambia el estado
    else
        alert("Duplicate tab! Do something.");

    $(window).on('beforeunload', function() // Parche de los botones Atras o Adelante 
    {
        $('#myStateInput').val(''); // se inicializa de nuevo tu input
    });
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<input id="myStateInput" />

Detectar si la pagina esta abierta en otras pestañas con js

One Answer

Add your own answers!

Ask a Question