And apparently, the real tiny sticky point with this approach is that you must drag the URL using the little globe icon (the Favicon) to the left of the address in the Location field, not the text itself.
On Nov 2, 2014, at 8:43 AM, Ernie Simpson email@hidden wrote:
4 drag the url from desktop Safari to iOS Simulator mobile browser
As you’re designing for the browser you might as well test in a browser…
You can do a lot of the mobile testing in a browser quick and easy install Free Bookmarklet…
Drag the button into a tab.
Bookmark the tab (put the bookmark in your favourites bar it’s easier if it’s visible) the bookmark saves as <-> Resizer
Open your site from Freeway > Preview in browser (e.g. Safari)
Click the <-> Resizer bookmark
A dropdown appears to select the sizes to view at.
This has all the common mobile and tablet sizes (and can be rotated) You can also customise with your own sizes. (it even has a print viewport).
Note: Everything points to a future with every screen size possible. Using common apple phone sizes to break a design a site is really the wrong thing to do. You should really be designing breakpoints when your design needs it.
It’s very strange because I ALWAYS used the iOS Simulator directly from Freeway and NEVER had any problems. Only now that I finally upgraded to Yosemite, the iOS Simulator has stopped working. Now I have to use the method The Big Erns described.