What is this?

On the iPhone and iPod touch, Safari renders most pages as if it were a 980 pixel wide browser window. This works well on most pages, but if a site uses a much narrower or much wider layout, it can appear small and unreadable or require horizontal scrolling. Apple offers a <meta> tag to tell Safari what size to dimensions your page for, but relatively few web pages support this. This bookmarklet will allow you to change the viewport rendering size.

How do I use it?

On your computer, drag the bookmark to your Bookmarks Bar in Safari, then sync with your iPhone:

Resize Viewport

On your iPhone, copy and paste the following into a bookmark (to save it) or the location field (to use it once):

javascript:var%20v=null;var%20m=document.getElementsByTagName(%22meta%22);for(var%20i=0;i=%20200%20&&%20w%20<=%2010000)%20{if(v%20!=%20null)v.parentNode.removeChild(v);v=document.createElement(%22meta%22);v.setAttribute(%22name%22,%22viewport%22);v.setAttribute(%22content%22,%20%22width=%22+w);document.getElementsByTagName(%22head%22)[0].appendChild(v);}elsealert(%22Invalid%20width.%22);

Copy & paste requires iPhone OS 3.0 or greater. Just tap and hold in the grey region to select.