Find overflowing elements in web page

Find overflowing elements in your web page;
Just paste following code in console of element inspector.

 var docWidth = document.documentElement.offsetWidth;

[].forEach.call( document.querySelectorAll('*'), function(el) {
	if (el.offsetWidth > docWidth) {
	console.log(el);
	}
});
Advertisements

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s