Viewportをはみ出た要素をあぶり出す一行JS

前振り

iOS用サイトマークアップ中にCSS書き方が良くなかったなどの理由で2px程度の横スクロールが発生し、タッチイベントの挙動が気持ち悪くなることがままある。この時の問題点発見が意外としづらくストレスなのでJSにお願いしたい。

code

$('*').each(function(){if($(this).width() > $('body').width()){console.log($(this))}});
Developer Toolsに貼り付ければBodyからはみ出ている要素があればconsoleに表示される

TODO

毎回幅取得していて無駄、問題ない場合にundefinedになるなどの問題点多々。テストコードなどにしたいところ。

以上です

jQuery不要バージョン

document.querySelectorAll('*').forEach(function(el){if(el.clientWidth > document.querySelector('body').clientWidth){console.log(el)}});