Checks every element in a page to see if it's total width is wider than the container (viewport by default). Might be useful to track down unwanted horizontal scroll bars.

find-elements-that-are-too-wide.js

// Deps on jquery
(function(container) {
	var viewportWidth = $(container).width(); 
	console.group('Overflow Check');
	console.info('Container Width: %s', viewportWidth);
	$('*').each(function() { 
		var $this = $(this); 
		var elWidth = $this.outerWidth(true);
		if (elWidth > viewportWidth) { 
			console.warn('Overflow by %spx!', elWidth - viewportWidth, loggingVars, this);
		}
		else {
			console.debug('Element OK', elWidth, this);
		}
	});
	console.groupEnd('Overflow Check');
})(window);