Displays the browser viewport for dev purposes

viewportDisplay.js

(function viewport(){
	//create element
	var el = document.createElement("div");
	
	//style as you wish
	el.id = 'screenSize';
	el.style.position = "fixed";
	el.style.width = "100%";
	el.style.left = "0px";
	el.style.bottom = "5px";
	el.style.color = "#35b4e3";
	el.style.textAlign = "center"; 
	el.style.font = "normal bold 100% sans-serif";
	
	//gets size
	function getSize(){ return window.innerWidth + ' x ' + window.innerHeight; }
	
	//displays size
	function displaySize(){ el.innerHTML = getSize(); }
	
	//insert element
	document.body.appendChild(el);
	
	//innitial sizing
	displaySize();
	
	//resize listener
	window.onresize = displaySize
})();