Recientemente, en el trabajo, hice una redirección a otro sitio. Los mantenedores del otro sitio me contactaron y me dijeron que su window.close ya no funciona. Aquí hay una explicación simple del problema:
digamos que el sitio A tiene una etiqueta <a href="http://siteB" target="_blank" rel="noreferrer"> para navegar a la página de inicio del sitio B. En la página de inicio del sitio B, cuando usa window.close() , la ventana se cierra. Ahora, (todavía en el sitio B), cuando el usuario navega a otra página (digamos /about la página), una window.close en esta página no funcionará. Chrome muestra esta advertencia:
Los scripts pueden cerrar solo las ventanas que abrió.
Pero en la etiqueta <a> , cuando reemplacé rel="noreferrer" por rel="opener" , window.close funciona en cualquier página del sitio B. Para rel="noreferrer" , window.close solo funciona en la primera página de la redirección. Si entiendo bien el mensaje de advertencia, es porque el sitio A no abrió la página /about de, por eso window.close no funcionará en esa página. Pero mi pregunta es, ¿por qué simplemente cambiando rel="noreferrer" a rel="opener" , window.close ahora funciona en todas partes en el sitio B?
En la documentación de rel en mozilla se dice rel="noopener" o rel="noreferrer"
Crea un contexto de exploración de nivel superior que no es un contexto de exploración auxiliar.
La ventana abierta así tiene un contexto de nivel superior.
Pero para rel="opener"
Crea un contexto de navegación auxiliar.
Significa que no es un nivel superior.
Y ahora para la documentación de window.close() hay
Este método solo se puede llamar en ventanas que se abrieron mediante un script usando el método Window.open(). Si la ventana no fue abierta por una secuencia de comandos, aparece un error similar a este en la consola: Es posible que las secuencias de comandos no cierren las ventanas que no se abrieron mediante una secuencia de comandos.
Entonces, para cerrar la ventana con la función close() , la ventana no debería tener un contexto de nivel superior.