curtisj44/responsive-test-bookmarklet.js

## responsive-test-bookmarklet.js
// Full Height
javascript:document.write('<!DOCTYPE%20html><html><head><meta%20charset="utf-8"><title>Responsive%20Design%20Testing</title><style>html{background:#333}body{margin:0%2020px;font-family:Consolas,monospace;overflow-x:scroll;}.wrapper{width:5617px;}.frame{float:left;height:10000px;}h2{margin:20px;color:rgba(255,255,255,.5);font-weight:normal;font-size:1em;}iframe{margin:0%2020px%2020px;border:0;height:100%;background:#fff;}</style></head><body><div%20class="wrapper"><div%20class="frame"><h2>240</h2><iframe%20src="'%20+%20window.location%20+%20'"%20seamless%20width="240"></iframe></div><div%20class="frame"><h2>320</h2><iframe%20src="'%20+%20window.location%20+%20'"%20seamless%20width="320"></iframe></div><div%20class="frame"><h2>375</h2><iframe%20src="'%20+%20window.location%20+%20'"%20seamless%20width="375"></iframe></div><div%20class="frame"><h2>480</h2><iframe%20src="'%20+%20window.location%20+%20'"%20seamless%20width="480"></iframe></div><div%20class="frame"><h2>640</h2><iframe%20src="'%20+%20window.location%20+%20'"%20seamless%20width="640"></iframe></div><div%20class="frame"><h2>768</h2><iframe%20src="'%20+%20window.location%20+%20'"%20seamless%20width="768"></iframe></div><div%20class="frame"><h2>1024</h2><iframe%20src="'%20+%20window.location%20+%20'"%20seamless%20width="1024"></iframe></div><div%20class="frame"><h2>1440</h2><iframe%20src="'%20+%20window.location%20+%20'"%20seamless%20width="1440"></iframe></div></div></body></html>')

// Device
javascript:document.write('<!DOCTYPE%20html><html><head><meta%20charset="utf-8"><title>Responsive%20Design%20Testing</title><style>html{background:#333}body{margin:0%2020px;font-family:Consolas,monospace;overflow-x:scroll;}.wrapper{width:5212px;}.frame{float:left}h2{margin:20px;color:rgba(255,255,255,.5);font-weight:normal;font-size:1em;}iframe{margin:0%2020px%2020px;border:0;background:#fff;}</style></head><body><div%20class="wrapper"><div%20class="frame"><h2>240</h2><iframe%20src="'%20+%20window.location%20+%20'"%20seamless%20width="240"%20height="320"></iframe></div><div%20class="frame"><h2>320</h2><iframe%20src="'%20+%20window.location%20+%20'"%20seamless%20width="320"%20height="480"></iframe></div><div%20class="frame"><h2>480</h2><iframe%20src="'%20+%20window.location%20+%20'"%20seamless%20width="480"%20height="640"></iframe></div><div%20class="frame"><h2>640</h2><iframe%20src="'%20+%20window.location%20+%20'"%20seamless%20width="640"%20height="768"></iframe></div><div%20class="frame"><h2>768</h2><iframe%20src="'%20+%20window.location%20+%20'"%20seamless%20width="768"%20height="1024"></iframe></div><div%20class="frame"><h2>1024</h2><iframe%20src="'%20+%20window.location%20+%20'"%20seamless%20width="1024"%20height="768"></iframe></div><div%20class="frame"><h2>1440</h2><iframe%20src="'%20+%20window.location%20+%20'"%20seamless%20width="1440"%20height="900"></iframe></div></div></body></html>')

// Three sizes
javascript:document.write('<!DOCTYPE%20html><html><head><meta%20charset="utf-8"><title>Test%203%20Live</title><style>html{background:#333}body{margin:0%2020px;font-family:Consolas,monospace;overflow-x:scroll;}.wrapper{width:2720px;}.frame{float:left;height:10000px;}h2{margin:20px;color:rgba(255,255,255,.5);font-weight:normal;font-size:1em;}iframe{margin:0%2020px%2020px;border:0;height:100%;background:#fff;}</style></head><body><div%20class="wrapper"><div%20class="frame"><h2>375</h2><iframe%20src="'%20+%20window.location%20+%20'"%20seamless%20width="375"></iframe></div><div%20class="frame"><h2>768</h2><iframe%20src="'%20+%20window.location%20+%20'"%20seamless%20width="768"></iframe></div><div%20class="frame"><h2>1440</h2><iframe%20src="'%20+%20window.location%20+%20'"%20seamless%20width="1440"></iframe></div></div></body></html>')
	// Full Height
	javascript:document.write('<!DOCTYPE%20html><html><head><meta%20charset="utf-8"><title>Responsive%20Design%20Testing</title><style>html{background:#333}body{margin:0%2020px;font-family:Consolas,monospace;overflow-x:scroll;}.wrapper{width:5617px;}.frame{float:left;height:10000px;}h2{margin:20px;color:rgba(255,255,255,.5);font-weight:normal;font-size:1em;}iframe{margin:0%2020px%2020px;border:0;height:100%;background:#fff;}</style></head><body><div%20class="wrapper"><div%20class="frame"><h2>240</h2><iframe%20src="'%20+%20window.location%20+%20'"%20seamless%20width="240"></iframe></div><div%20class="frame"><h2>320</h2><iframe%20src="'%20+%20window.location%20+%20'"%20seamless%20width="320"></iframe></div><div%20class="frame"><h2>375</h2><iframe%20src="'%20+%20window.location%20+%20'"%20seamless%20width="375"></iframe></div><div%20class="frame"><h2>480</h2><iframe%20src="'%20+%20window.location%20+%20'"%20seamless%20width="480"></iframe></div><div%20class="frame"><h2>640</h2><iframe%20src="'%20+%20window.location%20+%20'"%20seamless%20width="640"></iframe></div><div%20class="frame"><h2>768</h2><iframe%20src="'%20+%20window.location%20+%20'"%20seamless%20width="768"></iframe></div><div%20class="frame"><h2>1024</h2><iframe%20src="'%20+%20window.location%20+%20'"%20seamless%20width="1024"></iframe></div><div%20class="frame"><h2>1440</h2><iframe%20src="'%20+%20window.location%20+%20'"%20seamless%20width="1440"></iframe></div></div></body></html>')

	// Device
	javascript:document.write('<!DOCTYPE%20html><html><head><meta%20charset="utf-8"><title>Responsive%20Design%20Testing</title><style>html{background:#333}body{margin:0%2020px;font-family:Consolas,monospace;overflow-x:scroll;}.wrapper{width:5212px;}.frame{float:left}h2{margin:20px;color:rgba(255,255,255,.5);font-weight:normal;font-size:1em;}iframe{margin:0%2020px%2020px;border:0;background:#fff;}</style></head><body><div%20class="wrapper"><div%20class="frame"><h2>240</h2><iframe%20src="'%20+%20window.location%20+%20'"%20seamless%20width="240"%20height="320"></iframe></div><div%20class="frame"><h2>320</h2><iframe%20src="'%20+%20window.location%20+%20'"%20seamless%20width="320"%20height="480"></iframe></div><div%20class="frame"><h2>480</h2><iframe%20src="'%20+%20window.location%20+%20'"%20seamless%20width="480"%20height="640"></iframe></div><div%20class="frame"><h2>640</h2><iframe%20src="'%20+%20window.location%20+%20'"%20seamless%20width="640"%20height="768"></iframe></div><div%20class="frame"><h2>768</h2><iframe%20src="'%20+%20window.location%20+%20'"%20seamless%20width="768"%20height="1024"></iframe></div><div%20class="frame"><h2>1024</h2><iframe%20src="'%20+%20window.location%20+%20'"%20seamless%20width="1024"%20height="768"></iframe></div><div%20class="frame"><h2>1440</h2><iframe%20src="'%20+%20window.location%20+%20'"%20seamless%20width="1440"%20height="900"></iframe></div></div></body></html>')

	// Three sizes
	javascript:document.write('<!DOCTYPE%20html><html><head><meta%20charset="utf-8"><title>Test%203%20Live</title><style>html{background:#333}body{margin:0%2020px;font-family:Consolas,monospace;overflow-x:scroll;}.wrapper{width:2720px;}.frame{float:left;height:10000px;}h2{margin:20px;color:rgba(255,255,255,.5);font-weight:normal;font-size:1em;}iframe{margin:0%2020px%2020px;border:0;height:100%;background:#fff;}</style></head><body><div%20class="wrapper"><div%20class="frame"><h2>375</h2><iframe%20src="'%20+%20window.location%20+%20'"%20seamless%20width="375"></iframe></div><div%20class="frame"><h2>768</h2><iframe%20src="'%20+%20window.location%20+%20'"%20seamless%20width="768"></iframe></div><div%20class="frame"><h2>1440</h2><iframe%20src="'%20+%20window.location%20+%20'"%20seamless%20width="1440"></iframe></div></div></body></html>')