Ventana emergente bloqueada versus no bloqueada

Question

Descubrí que los navegadores no bloquean todas las ventanas emergentes de JavaScript.

¿Cómo escribir ventanas emergentes en JavaScript que no sean bloqueadas por los navegadores?

Quiero decir, ¿cuál es el factor principal que marca la diferencia?

Answer 1

El factor principal para decidir qué ventana emergente se bloqueará es la buena ventana emergente debe mostrarse después de que el usuario realice alguna acción como hacer clic o hacer algún otro evento como presionar enter.

Sin embargo, puede usar una ventana emergente en la página como JQuery UI Dialog que todos el bloqueador de elementos emergentes no puede bloquearlo porque solo es una etiqueta html como span o div. Por lo tanto, no es lo suficientemente inteligente como para comprender el contenido dentro de la etiqueta emergente. Debería ser la mejor manera de evitar todos los bloqueadores de ventanas emergentes.

Answer 2

En Firefox (y la mayoría de los otros navegadores web modernos con bloqueadores de ventanas emergentes), las ventanas de Javascript generalmente se permiten si son el resultado de un clic del usuario, pero se detienen si intentan abrirse en segundo plano.

Compare el método utilizado en estos malas ventanas emergentes con estos buenas ventanas emergentes.El código fuente está disponible en el sitio.Aquí está el código fuente de las ventanas emergentes "buenas":

<a href="javascript:winopen('http://www.popuptest.com/popup3.html','blank','width=450,height=235,status=yes')">Good PopUp #1</a>
<br><br>
<A class=blu HREF="http://www.popuptest.com/popup2.html" target="_BLANK">Good PopUp #2</A>
<br><br>
<A class=black HREF="http://www.popuptest.com/popup3.html" onclick="NewWindow(this.href,'rank','450','450','yes','center');return false" onfocus="this.blur()">Good PopUp #3</A>
<br><br>
<a href="javascript:PopWindow('http://www.popuptest.com/popup4.html', 450, 320)">Good PopUp #4</A>