jquery - 找出所有宽度大于xxx的元素输出到控制台

Question

我正在用 Joomla! 设计一个网页。我遇到了一个问题，我有一个我看不到的元素导致页面水平滚动。

我对 js 和 jQuery 完全没用所以任何人都可以帮我写一个脚本来控制所有宽度大于特定值或大于浏览器窗口的元素吗？或者可以通过其他方式找到导致浏览器水平滚动的元素？

我更喜欢单行控制台脚本，但 .js 文件也可以。

Answer 1

我建议您查看浏览器的开发人员控制台。例如，Firefox 可以为您显示漂亮的 3D View !

如果你真的想在 JavaScript 中枚举所有宽度大于 x 的元素，使用这个:

$("*").each(function() {
    if ($(this).width() > 100) {
        console.log(this.tagName + "#" + this.id);
    }
});

如果您想与正文的可见宽度进行比较，请使用 document.body.clientWidth 作为 x。