SitePoint Sponsor

User Tag List

Results 1 to 7 of 7
  1. #1
    SitePoint Evangelist
    Join Date
    May 2006
    Posts
    436
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)

    Testing on mobile sites

    In terms of mobile devices, I only have an iPhone which, of course, has very good CSS/JavaScript support.

    So, how do you test on mobile sites—on all the various versions of Blackberry, Android, Windows Mobile, etc? My gut answer is: you can't. Or at least it is not realistic to do so for freelancers. So, just make sure it works without JavaScript and accept that on more limited devices some CSS features won't be supported and therefore the layout won't be perfect. Is this what everyone else does?

    Secondly, is there anywhere to find a reference guide as to the support of CSS, JavaScript and JQuery on smart phones?

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,200
    Mentioned
    456 Post(s)
    Tagged
    8 Thread(s)
    Yeah, not an easy issue. There are some tools that sort of help, but none that are really great, except the iPhone/iPad simulator (as part of the Apple developer kit if you're on a Mac) and perhaps the Android Developer Kit.

    A few other options that could be of some use:

    Mobilizer is a nice desktop app that emulates iPhone, Android, Blackberry and Palm Pre.
    Opera Mini: http://www.opera.com/mini/demo/ (online Opera testing tool)
    Opera's Mobile Emulator
    You can also take srceen shots of any mobile using the free Mobilito service.
    And there is also the dotMobi emulator for simpler devices.

    For the most part, I just cross my fingers and hope for the best. With all these devices, I figure the pressure is on the manufacturers to get it right, as people will turn away from their devices if their rendering of web pages is lousy.

  3. #3
    SitePoint Evangelist
    Join Date
    May 2006
    Posts
    436
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by ralph.m View Post
    I figure the pressure is on the manufacturers to get it right, as people will turn away from their devices if their rendering of web pages is lousy.
    Amen to that!

    Most of the blogs I read about JQuery not working, etc are a few years old now. I'm guessing most smart phones are pretty good these days.

    And thank you for the reply and links.

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,200
    Mentioned
    456 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by DrQuincy View Post
    I'm guessing most smart phones are pretty good these days.
    That's the impression I get, and lots are running on Android, I believe, which seems pretty good. As for Windows Mobile, I don't know much about it, but I assume (because of its name alone) that it's a mess.

  5. #5
    SitePoint Wizard bronze trophy
    Join Date
    Jul 2006
    Location
    Augusta, Georgia, United States
    Posts
    4,151
    Mentioned
    16 Post(s)
    Tagged
    3 Thread(s)
    Quote Originally Posted by DrQuincy
    For the most part, I just cross my fingers and hope for the best. With all these devices, I figure the pressure is on the manufacturers to get it right, as people will turn away from their devices if their rendering of web pages is lousy.
    I test on iphone4 and some android phone assuming the best for everything else unless I hear otherwise.

    Quote Originally Posted by DrQuincy
    Secondly, is there anywhere to find a reference guide as to the support of CSS, JavaScript and JQuery on smart phones?
    All modern web capable phones support CSS and JavaScript. However, both can be turned off no different than a desktop.
    The only code I hate more than my own is everyone else's.

  6. #6
    SitePoint Wizard
    Join Date
    Feb 2007
    Location
    Southern California
    Posts
    1,340
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    You can debug during development with Google Chrome's tool, Javascript Console. Then, once it's on the device, use Weinre (Web Inspector Remote) to debug the device, that is, use the Javascript Console of Weinre on the desktop to monitor the device remotely. Same familiar tools!

    I've just finished a thorough step-by-step tutorial for newbies on how to set this up and will be putting it on my blog soon at http://iphonedevlog.wordpress.com/.

    Weinre works for debugging Webkit browsers, like Google Chrome and Safari on the Android and iOS devices.

  7. #7
    SitePoint Member
    Join Date
    Dec 2007
    Location
    Kitchener-Waterloo, Ontario
    Posts
    7
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I would look at usage statistics. Android is now about 50% of the market, iOS is about 25%. Blackberry is fading fast as we all know. So I'd make sure you're working in the big two.


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
  •