javascript - 使用 javascript 或 jQuery，如何检测未使用的 "whitespace"屏幕空间？

Question

例如，stackoverflow 网站以填充我 1920x1200 屏幕宽度的“空白”为中心。我试图找到 javascript 或 jQuery 代码来检测 any 网站上可用空白的位置，并用图像或 div 填充或覆盖它。这可能吗？

Answer 1

这很难做到。您很难以一种可以在任何网站上运行的方式可靠地完成它，即使是您无法控制的网站也是如此。

您可以做的是遍历整个 DOM 并找出每个可见元素占据的矩形 - 但是您如何定义可见？有时您看到的空白是位于其他 div 之上的具有白色背景的 div，有时您看到的是裸体元素，有时它略带灰白色或不同的颜色等。