使用javascript或jQuery,我如何检测未使用的"空白"屏幕房地产？

Question

例如,stackoverflow网站以'whitespace'为中心填充我的1920x1200屏幕的宽度.我正在尝试找到javascript或jQuery代码来检测任何网站上可用的空白区域,并用图像或div填充或覆盖.这甚至可能吗？

Answer 1

这将是极其困难的。您很难以一种适用于任何网站的方式可靠地完成此操作，即使是您无法控制的网站。

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