javascript - 如何识别网站是否显示了模态弹窗？

Question

越来越多的网站正在使用模态弹出窗口。有时这种使用可以说是合理的，但更常见的是我看到糟糕的用户体验，比如在我有机会浏览最初将我带到他们网站的文章之前，弹出窗口询问我的电子邮件地址。不用说，我正在做一个浏览器扩展来摆脱这些。

类似扩展所使用的方法似乎是让用户确定该网站是否有不需要的模式弹出窗口，并在按下按钮时删除最有可能的候选者(例如最高的 z-index)。如果没有更好的结果，这个设计就足够好了，但我希望能够避免按下按钮的需要，而只是检测网站是否显示模式弹出窗口。

当前方法

• 搜索令人讨厌的 z-index。这些弹出窗口通常使用 1000+ 的 z 索引进行编码，以确保无论做出什么其他设计决策，它们都会出现在顶部。虽然这是一个很好的启发式方法，但这是不可靠的。
• 检查 html 和正文的溢出属性。很多时候网站在使用弹出窗口时会禁用滚动，因此如果网站无法滚动，则强烈表明存在该网站。无论如何，我都会重新启用滚动，所以这实际上不是任何额外的工作。
• 存储用户决定列入黑名单的网站的历史记录。如果不存在 100% 万无一失的方法，与每次都需要按下按钮相比，这仍然是一种改进。

TLDR；有没有办法检查 HTML 元素(和/或任何相应的 CSS、JS 等...)并确定它是否是模态弹出窗口？

Answer 1

我觉得这些方法已经足够了，为了用户体验如果我是用户我想知道你在做什么，也许你可以添加两种模式由用户控制:确认和Recovery，您可以分析用户没有删除哪些网站 modal。

• 确认:使用 Dom 检查器让用户知道将删除哪个 DOM，然后选择"is"或“否”执行。

• 恢复:也许有时会删除模态，这不是用户所期望的。您可以保存站点 URL 以对其进行记录和分析。