Skip to content

Instantly share code, notes, and snippets.

@curtisj44
Last active January 29, 2018 18:20
Show Gist options
  • Save curtisj44/d1e2a7cf6a8011bca619 to your computer and use it in GitHub Desktop.
Save curtisj44/d1e2a7cf6a8011bca619 to your computer and use it in GitHub Desktop.
// 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>')
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment