如何追踪导致网页水平滚动的元素？

Question

由于使用不同的电网系统开发负责网页，我有时面对的问题是，某些要素的溢出，从而有问题的尺寸/垫衬/利润率使页面水平滚动。

我发现它有时与点&点击（选择铬元素工具）难以追踪这些元素，因为 - 不知道为什么 - 他们有时不可选。

怎会快速识别行为异常的元素呢？

Answer 1

一个解决办法是通过所有的元素进行迭代，并将其打印到console如果他们的width比window的更大。

在Chrome中，页面 ING这些元素会亮点他们点击次数和展示他们在DOM探险

代码：

// retrieve all elements 
 
var allElements = document.querySelectorAll('*'); 
 
var bigElements = 
 
    // use the filter function to filter get only elements you need 
 
    Array.prototype.filter.call(
 
    allElements, 
 
       // compares occupied width with window width 
 
    element => element.getBoundingClientRect().width > window.innerWidth 
 
); 
 

 
// print resulting elements 
 
bigElements.forEach(element => console.log(element)); 
 
if (!bigElements.length) console.log('Yaay! All elements fit. ');

摆脱水平滚动纳克一个应分析各成分的布点和修改它，直到这个片断输出没有元素