SitePoint Sponsor

User Tag List

Results 1 to 8 of 8
  1. #1
    SitePoint Member
    Join Date
    Jan 2013
    Posts
    16
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    What Mac Application Do You Recommend For Previewing Mobile Websites?

    I am learning to design websites for mobile devices (smart phones and tablets). What Mac application do you recommend for previewing mobile versions on my Mac?

    Thanks

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,343
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    There is a an iphone and ipad simulator included in the mac Xcode development package and provides an almost 100% accurate test for iphones and ipads.
    https://developer.apple.com/xcode/index.php

    You can download the android skd also from here:
    http://developer.android.com/sdk/index.html

    And there is a mobile opera emulator here:
    http://dev.opera.com/articles/view/o...bile-emulator/

    The first two are massive and complicated downloads but are more accurate than many other emulators which simply squash the screen into smaller windows.

    Of course nothing actually compares with testing in the real device but only large organisations can afford multiple devices just for testing.

  3. #3
    SitePoint Member
    Join Date
    Jan 2013
    Posts
    16
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thank You

  4. #4
    SitePoint Wizard
    Join Date
    Feb 2007
    Location
    Southern California
    Posts
    1,340
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    There are 6 possibilities listed on this web page:
    http://www.webdesignerdepot.com/2012...ing-your-site/
    Steve Husting

  5. #5
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,343
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Quote Originally Posted by StevenHu View Post
    There are 6 possibilities listed on this web page:
    http://www.webdesignerdepot.com/2012...ing-your-site/
    Be careful as many of those are not correct interpretations of a mobile environment and will not show specific behaviours and errors which would be the prime reason for testing. They are ok for a quick test but not to be relied on as a complete emulation. The emulator in the apple sdk on the other hand is 99.9% accurate and the main tool you should use to check ipads and iphones (apart from the real device) but of course you do need to be on a mac.

  6. #6
    SitePoint Wizard
    Join Date
    Feb 2007
    Location
    Southern California
    Posts
    1,340
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Paul,

    Don't you need to turn the website into an iOS app in order to preview it in Xcode? That may be going further than he had in mind.
    Steve Husting

  7. #7
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,165
    Mentioned
    453 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by StevenHu View Post
    Don't you need to turn the website into an iOS app in order to preview it in Xcode?
    No, the iPhone/iPad emulator is a separate app that you can use just like the real devices. Just type/paste the URL as you'd do on the real device and browse the web as normal.

  8. #8
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,343
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Quote Originally Posted by StevenHu View Post
    Paul,

    Don't you need to turn the website into an iOS app in order to preview it in Xcode? That may be going further than he had in mind.
    No as Ralph said the 'simulator' is a stand alone app that you can use to simulate the ipad and iphone/retina. You do have to download the whole xcode to get it (which is a bit of a pain) but then you can just stick the simulator in the dock and then drag or type urls in the address bar to browse as usual. It works on local files also so is ideal for testing.

    You can test in portrait and landscape mode and the mouse imitates touch gestures and you can even test two finger scrolling and zoom and pinching with a combination of keys.It is more or less 100% accurate as you would expect as it s also meant for app development. Of course nothing beats the real device as there are always nuances in how a mobile really works and displays.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •