Submit Your Article Forum Rules

Results 1 to 6 of 6

Thread: Is it possible to simulate a mobile browser on a desktop?

  1. #1
    Junior Member
    Join Date
    Nov 2011
    Location
    Orange County, California
    Posts
    7

    Is it possible to simulate a mobile browser on a desktop?

    Hi, I'm looking to make some css changes to the mobile version of my website. For the desktop site I usually just use the inspector tool on my desktop browser (Chrome or Firefox). I can then edit the css on the fly to my liking before putting the changes into Coda.

    My question- Is there a way I can see how my site will look on an iPad through my Mac? Since there is no inspector that I know of on the iPad, this would make editing the mobile site css a lot quicker, instead of blind editing in Coda, then checking on the live iPad site.

    Pro's, how do you do it?

    Thanks! -Mike
    Michael McVerry

    Hidden Content
    We are AVID about web, mobile, & video.

  2. #2
    Moderator HTMLBasicTutor's Avatar
    Join Date
    Apr 2010
    Location
    Canada
    Posts
    1,224
    I downloaded AIR iPad to try it out.
    Hidden Content - Search engine friendly websites, ecommerce websites & blogs
    Hidden Content - Web page mistakes with solutions
    Hidden Content - HTML help to learn HTML basics

  3. #3
    WebProWorld MVP kgun's Avatar
    Join Date
    May 2005
    Location
    Norway
    Posts
    7,751
    There are lots of them. Every serious mobile phone supplier has a simulator / emulator. Opera has had one for years.

    Opera Mobile Emulator

    Do your mobile development straight from your desktop, and pair it with Opera Dragonfly for advanced debugging.
    http://www.opera.com/developer/tools/mobile/

    Connect with Opera Dragonfly

    Connect the Opera Mobile Emulator to Opera Dragonfly and do your mobile CSS, JS and performance debugging, using a powerful developer toolkit.
    To get access to Apples tools, you must sign up on their development network.

    https://developer.apple.com/
    Last edited by kgun; 02-10-2012 at 10:52 PM.
    Hidden Content :: Hidden Content
    Hidden Content
    Conversations creates communities and conversions create profit.

  4. #4
    Junior Member
    Join Date
    Feb 2012
    Location
    Texas
    Posts
    10
    you can resize the browser window and check the mobile HTML sites If you are going to build web based app

  5. #5
    Junior Member
    Join Date
    Mar 2012
    Posts
    6
    Nice option! the lay out is well readable and it work fast...
    [ not enough posts ]

  6. #6
    WebProWorld MVP kgun's Avatar
    Join Date
    May 2005
    Location
    Norway
    Posts
    7,751
    Is there any update / additional information / tool to be mentioned in this thread like the one that comes with the Android development package that is Java-based and will work with any modern OS that has a Java Development Kit installed:

    http://www.oracle.com/technetwork/java/index.html

    http://developer.android.com/index.html


    If you use the Apple XCode/iOS development package that is available for the Mac OS X only you must first register at: https://developer.apple.com/programs/register/

    So tell us which tool you preferred and about your experience. Also inform us about any new simulators / emulators that are not listed in this thread.
    Hidden Content :: Hidden Content
    Hidden Content
    Conversations creates communities and conversions create profit.

Tags for this Thread

Posting Permissions

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