javascript - 弹出编码以避免浏览器阻塞

Question

我需要使用大量弹出窗口来为用户感兴趣的项目提供更多详细信息。

问题是浏览器阻止这些弹出窗口的时间百分比。

我需要找到一种方法来做两件事中的一个或两个：

1. 找到一种方法来显示像灯箱一样不会被浏览器阻止而不会大大阻碍页面加载时间的弹出窗口
2. 提供 JavaScript / JQuery 警报，可以检测弹出窗口何时被浏览器阻止，并通过警报以及我编写的自定义消息通知用户

任何熟悉一些 JavaScript 编码的人都可以做到这一点，或者灯箱是否是一种实用的解决方案，不会影响页面加载时间。给定页面上可能有 10-30 个不同的弹出窗口。

Answer 1

如今，许多想要显示“弹出”信息的网站选择只在同一浏览器窗口中显示覆盖 div，而不打开单独的窗口。在同一窗口中使用覆盖可以完全避免弹出窗口阻止程序，因为没有打开新窗口，因此您的内容永远不会被阻止。

由于现在几乎所有的浏览器都配置了某种默认的弹出窗口阻止功能，因此您无法很好地检测弹出窗口阻止并告诉用户一些事情。那时，您的网站无法使用用户浏览器的默认配置，尝试让他们更改浏览器的配置也不是正确的做法。相反，您需要更改站点的工作方式以兼容弹出窗口阻止（可能通过不使用弹出窗口）。