Css 找到具有最高宽度的元素的方法

我有一个网页，其中有数千个小元素，每个都有不同的宽度和高度

我想要的是通过Chrome开发者工具或Mozilla开发者工具在网页中找到宽度最高的元素

我可以通过查看布局一个接一个地完成，但这会浪费很多时间

---

请根据您的经验来帮助我。

假设您有jQuery，您可以在Chrome开发工具的控制台中执行以下操作：

var width = 0;
var element;
$('*').each(function() { 
    var element_width = $(this).width();
    if(element_width > width) {
        element = $(this);
        width = element_width;
    }
});
console.log(element);
console.log(element.width());

此代码遍历页面上的所有元素，检查高度并保存高度最大的元素

如果不希望在所有元素上运行，而是在某个元素的某些子元素上运行，可以执行以下操作：

var width = 0;
var element;
$('#myElement').children().each(function() { 
    var element_width = $(this).width();
    if(element_width > width) {
        element = $(this);
        width = element_width;
    }
});
console.log(element);
console.log(element.width());

如果你的站点没有jQuery，你可以像那样插入它

var jq = document.createElement('script');
jq.src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js";
document.getElementsByTagName('head')[0].appendChild(jq);

---

它用于高度，您能告诉我宽度的过程吗？很抱歉，它不用于宽度，它给出高度值，并且不显示元素名称。它给您两个结果：

console.log（element）

将元素打印到控制台，

console.log（element.width（））

打印元素的宽度。如果它显示的是您案例中的高度，请确保将每次出现的

height

替换为

width

。但是上面的代码已经使用了宽度。请试试，我试过了，没有给我结果。每次通过开发者工具显示iPhone5的宽度为1530。它给出的是脚本的名称，而不是元素的名称。事实上，iPhone5中的网站不超过340像素。请试一试