<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><HTML 
lang="en"><HEAD> <TITLE>Screen size tests</TITLE> 
<META http-equiv="Content-Type" content="text/html; charset=unicode"> 
<SCRIPT>var writeroot,
	testEl,
	testLayer,
	counter=0;

function init() {
	writeroot = document.getElementById('writeroot');
	testEl = document.getElementById('testEl');
	testLayer = document.getElementById('huge');
	document.getElementById('testButton').onclick = refreshTest;
//	document.getElementById('stretch').onclick = stretchDiv;
	refreshTest();
	refreshTest(); //repeat so that the writeroot is filled with data at the moment its height is measured.
}

function refreshTest() {
	log('Iteration ' + counter);
	counter +=1;
	log('screen.width/height = ' + screen.width + ' / ' + screen.height); // + ' = ' + screen.width/screen.height);
	log('documentElement.offset = ' + document.documentElement.offsetWidth + ' / ' + document.documentElement.offsetHeight);
	log('documentElement.client = ' + document.documentElement.clientWidth + ' / ' + document.documentElement.clientHeight);
//	log('documentElement.scroll = ' + document.documentElement.scrollLeft + ' / ' + document.documentElement.scrollTop);
//	log('writeroot.offset = ' + writeroot.offsetWidth + ' / ' + writeroot.offsetHeight);
	log('window.innerWidth/Height = ' + window.innerWidth + ' / ' + window.innerHeight);
//	log('window.outerWidth/Height = ' + window.outerWidth + ' / ' + window.outerHeight);
	if (window.devicePixelRatio) {
		log('window.devicePixelRatio = ' + window.devicePixelRatio);
	} else {
		log ('window.devicePixelRatio not supported');
	}
	if (screen.deviceXDPI) {
		log('screen.deviceX/YDPI= ' + screen.deviceXDPI +' / ' + screen.deviceYDPI);
		log('screen.logicalX/YDPI= ' + screen.logicalXDPI +' / ' + screen.logicalYDPI);
	}
	log('window.page = ' + window.pageXOffset+ ' / ' + window.pageYOffset);
	set();
}


var logString;

function log(msg) {
	logString += msg + '<br>';	
}

function set () {
	writeroot.innerHTML = logString;
	logString = '';
}

if (!window.onload) {
	window.onload = init;
}</SCRIPT>
</HEAD> 
<BODY>
<H2>Screen size tests</H2>
<P>This test has no <CODE>&lt;meta viewport&gt;</CODE> tag.</P>
<DIV id="writeroot"></DIV><BUTTON id="testButton">Refresh tests</BUTTON> <BUTTON 
id="stretch">Stretch writeroot</BUTTON> 
<DIV id="measurement">
<P>100px</P>
<P>100px</P>
<P>100px</P></DIV>x 
<H2>Variants</H2>
<UL>
  <LI><A href="widthtest_vp380.html">With viewport width set to 380</A></LI>
  <LI><A href="widthtest_vpdevice.html">With viewport width set to device 
  width</A></LI></UL>
<P>Lorem ipsum dolor sit amet, consectetur adipisicing elit. <br>Pirate direction sword bread arrrrr cannon-ball wreck bow ahoy One-Eyed Willy bucket cannon-ball. Island arrrgh wreck very washed-up be wreck flee many raft. Thar knowin' drink, many much mermaid raft mermaid Jolly Roger curse. Scalawag deck, head strike keel rudder. <br>Pub together har myth east, west much, runnin' locker. Wit' those many much sword monster, shipment boom? Curse pirate, gunpowder wreck dispatch rudder, myth ahoy shaft matey code. 
<br>
Flee very code scurvy fight, wit' bow bar, arrrgh other much. Gunpowder parrot curse Kraken ambush gunpowder booty south! Knowin', 'til sword arrrgh, many craft together scimitar rope be. 
</P></BODY></HTML>