Как узнать ширину всех элементов на странице?

Question

[zuraavl]

Снова столкнулся с этой ужасной проблемой, когда на мобильном телефоне какой-то неизвестный элемент имеет ширину большую чем нужно и вызывает горизонтальный скролл. Есть ли какой-то способ получить ширину всех элементов, блоков на странице и быстро найти подлеца?

Comments

[Vitaliy]

если визуально это не проявляется, то нужно попробовать подсветить dev tool'ами, еще смотря на какой ОС. Там же нужно учитывать какие единицы измерения указаны, на крайний случай поэкспериментировать с box-sizing

Answer 1

[Сергей]

Пройдитесь по всем узлам документа в цикле и получите их ширину, и из всех полученных выберете самую большую

Answer 2

[Stalker_RED]

Можно открыть в десктопном браузере в режиме эмуляции мобильного устройства, и там при помощи нормальных devtools найти виновника.

Answer 3

[Михаил Паутов]

Очень просто
var a $("любой тег ид класс блока").width();
console.log(a);
И тут он тебе напишет ширину.
Сразу говорю при изменении экрана нужно перезагружать страницу и он будет показывать новую ширину