Skip to content

Instantly share code, notes, and snippets.

@ahmadseleem

ahmadseleem/Viewport_Resizer_bookmarklet

Created November 1, 2014 02:41
Show Gist options
  • Save ahmadseleem/bb0fd004d1565821589f to your computer and use it in GitHub Desktop.
Save ahmadseleem/bb0fd004d1565821589f to your computer and use it in GitHub Desktop.
Download ZIP
VIEWPORT RESIZER - RESPONSIVE DESIGN BOOKMARKLET - Customized ( iphone 6 & 6 plus added )
Raw
Viewport_Resizer_bookmarklet
javascript:void((function(d){if(self!=top||d.getElementById('toolbar')&&d.getElementById('toolbar').getAttribute('data-resizer'))return%20false;d.write('<!DOCTYPE%20HTML><html%20style="opacity:0;"><head><meta%20charset="utf-8"></head><body><a%20data-viewport="320x480"%20data-icon="mobile"%20title="Mobile%20(e.g.%20Apple%20iPhone)">Mobile%20(e.g.%20Apple%20iPhone)</a><a%20data-viewport="320x568"%20data-icon="mobile"%20data-version="5"%20title="Apple%20iPhone%205">Apple%20iPhone%205</a><a%20data-viewport="375x667"%20data-icon="mobile"%20data-version="6"%20title="Apple%20iPhone%206">Apple%20iPhone%206</a><a%20data-viewport="414x736"%20data-icon="mobile"%20data-version="6p"%20title="Apple%20iPhone%206p">Apple%20iPhone%206p</a><a%20data-viewport="600x800"%20data-icon="small-tablet"%20title="Small%20Tablet">Small%20Tablet</a><a%20data-viewport="768x1024"%20data-icon="tablet"%20title="Tablet%20(e.g.%20Apple%20iPad%202-3rd,%20mini)">Tablet%20(e.g.%20Apple%20iPad%202-3rd,%20mini)</a><a%20data-viewport="1280x800"%20data-icon="notebook"%20title="Widescreen">Widescreen</a><a%20data-viewport="1920%C3%971080"%20data-icon="tv"%20title="HDTV%201080p">HDTV%201080p</a><script%20src="http://lab.maltewassermann.com/viewport-resizer/resizer.min.js"></script></body></html>')})(document));
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment