Skip to main content
se añadieron 1176 caracteres en el cuerpo
Origen Enlace
Alvaro Montoro
  • 49.8k
  • 28
  • 109
  • 190

Si lo que quieres es detectar si una nueva pestaña/ventana se ha abierto, lo que puedes mostrar un mensaje de error si es una pestaña/ventana nueva. Para ello puedes usar el historial de JavaScript y comprobar que no haya ningún elemento antes.

Algo se se podría hacer así:

// si el historial tiene menos de dos páginas, es una nueva pestaña/ventana
if (history.length < 2) { 
    // Estás es una nueva pestaña/ventana: realiza las acciones necesarias
}

Entonces si pones eso al principio de tu página, sabrás si es una pestaña/ventana nueva y podrás actuar en consecuencia:

  • Muestra mensaje de error
  • Esconde los datos que se iban a mostrar
  • Cierra la ventana

O las acciones que quieras hacer. Pero recuerda que esto es JavaScript, un usuario con conocimientos será capaz de saltarse esta comprobación (aunque realmente si lo hace va a funcionar mal, por lo tanto no tiene mucho sentido).


Otra opción sería permitir que los usuarios abran más de una pestaña. Si ya lo hacen y es cómo ellos usan la aplicación, quizás sea más fácil para ellos permitir múltiples ventanas en lugar de restringir el número a una sola.

Me imagino que te estás refiriendo a variables de sesión en el lado del servidor, que serán compartidas en todas las diferentes ventanas que tenga abiertas el usuario y por eso tienes el problema: aunque abras múltiples pestañas/ventanas, todas van a compartir los datos.

Se me ocurren al menos dos maneras de permitir que el usuario pueda tener más de dos pestañas/ventanas abiertas con información de sesión diferente en cada una (no sé cómo lo hace Netflix y no tengo Netflix para ver qué hace):

  1. Identificar de manera unívoca cada pestaña/ventana y asociar la información de sesión a esa ventan/pestaña.

    Cuando el usuairo inicie sesión le asignarías un ID a la ventana y luego, cada vez que se cargue una página, comprobarías si es una pestaña/ventana nueva con JavaScript (puedes hacerlo mirando el tamaño del historial). En el servidor guardarías la información de sesión asociada a esos IDs que pasarías al servidor con las peticiones para que el contenido sea personalizado a esa pestaña/ventana concreta.

  2. En lugar de usar variables de sesión en el servidor, usa sessionStorage en JavaScript. Son variables de sesión en el lado del cliente y según la documentación oficial (traducción mía):

    Si el usuario tiene abiertas múltiples ventanas del sitio, cada una tendrá su propia copia del objeto de almacenamiento de sesión

    Entonces cada pestaña/ventana tendría información personalizada (pero tendrías que pasarla al servidor para que sepa qué debe mostrar.

Me imagino que te estás refiriendo a variables de sesión en el lado del servidor, que serán compartidas en todas las diferentes ventanas que tenga abiertas el usuario y por eso tienes el problema: aunque abras múltiples pestañas/ventanas, todas van a compartir los datos.

Se me ocurren al menos dos maneras de permitir que el usuario pueda tener más de dos pestañas/ventanas abiertas con información de sesión diferente en cada una (no sé cómo lo hace Netflix y no tengo Netflix para ver qué hace):

  1. Identificar de manera unívoca cada pestaña/ventana y asociar la información de sesión a esa ventan/pestaña.

    Cuando el usuairo inicie sesión le asignarías un ID a la ventana y luego, cada vez que se cargue una página, comprobarías si es una pestaña/ventana nueva con JavaScript (puedes hacerlo mirando el tamaño del historial). En el servidor guardarías la información de sesión asociada a esos IDs que pasarías al servidor con las peticiones para que el contenido sea personalizado a esa pestaña/ventana concreta.

  2. En lugar de usar variables de sesión en el servidor, usa sessionStorage en JavaScript. Son variables de sesión en el lado del cliente y según la documentación oficial (traducción mía):

    Si el usuario tiene abiertas múltiples ventanas del sitio, cada una tendrá su propia copia del objeto de almacenamiento de sesión

    Entonces cada pestaña/ventana tendría información personalizada (pero tendrías que pasarla al servidor para que sepa qué debe mostrar.

Si lo que quieres es detectar si una nueva pestaña/ventana se ha abierto, lo que puedes mostrar un mensaje de error si es una pestaña/ventana nueva. Para ello puedes usar el historial de JavaScript y comprobar que no haya ningún elemento antes.

Algo se se podría hacer así:

// si el historial tiene menos de dos páginas, es una nueva pestaña/ventana
if (history.length < 2) { 
    // Estás es una nueva pestaña/ventana: realiza las acciones necesarias
}

Entonces si pones eso al principio de tu página, sabrás si es una pestaña/ventana nueva y podrás actuar en consecuencia:

  • Muestra mensaje de error
  • Esconde los datos que se iban a mostrar
  • Cierra la ventana

O las acciones que quieras hacer. Pero recuerda que esto es JavaScript, un usuario con conocimientos será capaz de saltarse esta comprobación (aunque realmente si lo hace va a funcionar mal, por lo tanto no tiene mucho sentido).


Otra opción sería permitir que los usuarios abran más de una pestaña. Si ya lo hacen y es cómo ellos usan la aplicación, quizás sea más fácil para ellos permitir múltiples ventanas en lugar de restringir el número a una sola.

Me imagino que te estás refiriendo a variables de sesión en el lado del servidor, que serán compartidas en todas las diferentes ventanas que tenga abiertas el usuario y por eso tienes el problema: aunque abras múltiples pestañas/ventanas, todas van a compartir los datos.

Se me ocurren al menos dos maneras de permitir que el usuario pueda tener más de dos pestañas/ventanas abiertas con información de sesión diferente en cada una (no sé cómo lo hace Netflix y no tengo Netflix para ver qué hace):

  1. Identificar de manera unívoca cada pestaña/ventana y asociar la información de sesión a esa ventan/pestaña.

    Cuando el usuairo inicie sesión le asignarías un ID a la ventana y luego, cada vez que se cargue una página, comprobarías si es una pestaña/ventana nueva con JavaScript (puedes hacerlo mirando el tamaño del historial). En el servidor guardarías la información de sesión asociada a esos IDs que pasarías al servidor con las peticiones para que el contenido sea personalizado a esa pestaña/ventana concreta.

  2. En lugar de usar variables de sesión en el servidor, usa sessionStorage en JavaScript. Son variables de sesión en el lado del cliente y según la documentación oficial (traducción mía):

    Si el usuario tiene abiertas múltiples ventanas del sitio, cada una tendrá su propia copia del objeto de almacenamiento de sesión

    Entonces cada pestaña/ventana tendría información personalizada (pero tendrías que pasarla al servidor para que sepa qué debe mostrar.

se añadieron 555 caracteres en el cuerpo
Origen Enlace
Alvaro Montoro
  • 49.8k
  • 28
  • 109
  • 190

Me imagino que te estás refiriendo a variables de sesión en el lado del servidor, que serán compartidas en todas las diferentes ventanas que tenga abiertas el usuario y por eso tienes el problema: aunque abras múltiples pestañas/ventanas, todas van a compartir los datos.

Se me ocurren al menos dos maneras de permitir que el usuario pueda tener más de dos pestañas/ventanas abiertas con información de sesión diferente en cada una (no sé cómo lo hace Netflix y no tengo Netflix para ver qué hace):

  1. Identificar de manera unívoca cada pestaña/ventana y asociar la información de sesión a esa ventan/pestaña.

    Cuando el usuairo inicie sesión le asignarías un ID a la ventana y luego, cada vez que se cargue una página, comprobarías si es una pestaña/ventana nueva con JavaScript (puedes hacerlo mirando el tamaño del historial). En el servidor guardarías la información de sesión asociada a esos IDs que pasarías al servidor con las peticiones para que el contenido sea personalizado a esa pestaña/ventana concreta.

  2. En lugar de usar variables de sesión en el servidor, usa sessionStorage en JavaScript. Son variables de sesión en el lado del cliente y según la documentación oficial (traducción mía):

    Si el usuario tiene abiertas múltiples ventanas del sitio, cada una tendrá su propia copia del objeto de almacenamiento de sesión

    Entonces cada pestaña/ventana tendría información personalizada (pero tendrías que pasarla al servidor para que sepa qué debe mostrar.

Me imagino que te estás refiriendo a variables de sesión en el lado del servidor, que serán compartidas en todas las diferentes ventanas que tenga abiertas el usuario y por eso tienes el problema: aunque abras múltiples pestañas/ventanas, todas van a compartir los datos.

Se me ocurren al menos dos maneras de permitir que el usuario pueda tener más de dos pestañas/ventanas abiertas con información de sesión diferente en cada una:

  1. Identificar de manera unívoca cada pestaña/ventana y asociar la información de sesión a esa ventan/pestaña.

  2. En lugar de usar variables de sesión en el servidor, usa sessionStorage en JavaScript. Son variables de sesión en el lado del cliente y según la documentación oficial (traducción mía):

    Si el usuario tiene abiertas múltiples ventanas del sitio, cada una tendrá su propia copia del objeto de almacenamiento de sesión

Me imagino que te estás refiriendo a variables de sesión en el lado del servidor, que serán compartidas en todas las diferentes ventanas que tenga abiertas el usuario y por eso tienes el problema: aunque abras múltiples pestañas/ventanas, todas van a compartir los datos.

Se me ocurren al menos dos maneras de permitir que el usuario pueda tener más de dos pestañas/ventanas abiertas con información de sesión diferente en cada una (no sé cómo lo hace Netflix y no tengo Netflix para ver qué hace):

  1. Identificar de manera unívoca cada pestaña/ventana y asociar la información de sesión a esa ventan/pestaña.

    Cuando el usuairo inicie sesión le asignarías un ID a la ventana y luego, cada vez que se cargue una página, comprobarías si es una pestaña/ventana nueva con JavaScript (puedes hacerlo mirando el tamaño del historial). En el servidor guardarías la información de sesión asociada a esos IDs que pasarías al servidor con las peticiones para que el contenido sea personalizado a esa pestaña/ventana concreta.

  2. En lugar de usar variables de sesión en el servidor, usa sessionStorage en JavaScript. Son variables de sesión en el lado del cliente y según la documentación oficial (traducción mía):

    Si el usuario tiene abiertas múltiples ventanas del sitio, cada una tendrá su propia copia del objeto de almacenamiento de sesión

    Entonces cada pestaña/ventana tendría información personalizada (pero tendrías que pasarla al servidor para que sepa qué debe mostrar.

Origen Enlace
Alvaro Montoro
  • 49.8k
  • 28
  • 109
  • 190

Me imagino que te estás refiriendo a variables de sesión en el lado del servidor, que serán compartidas en todas las diferentes ventanas que tenga abiertas el usuario y por eso tienes el problema: aunque abras múltiples pestañas/ventanas, todas van a compartir los datos.

Se me ocurren al menos dos maneras de permitir que el usuario pueda tener más de dos pestañas/ventanas abiertas con información de sesión diferente en cada una:

  1. Identificar de manera unívoca cada pestaña/ventana y asociar la información de sesión a esa ventan/pestaña.

  2. En lugar de usar variables de sesión en el servidor, usa sessionStorage en JavaScript. Son variables de sesión en el lado del cliente y según la documentación oficial (traducción mía):

    Si el usuario tiene abiertas múltiples ventanas del sitio, cada una tendrá su propia copia del objeto de almacenamiento de sesión