SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Enthusiast
    Join Date
    Apr 2001
    Location
    Manila, Philippines
    Posts
    88
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    How To Check If Your Website Is Compatible With Mobile Devices?

    With the advent of smartphone and tablet PC, people are becoming more mobile with their browsing habits. I have noticed this on my stat program. Mobile browsers now account for roughly 6% of my visitors.


    I think these are pretty significant numbers and I also believe that these numbers will only increase in the future.


    The sad part is that I do not own any smartphone or tablet computer. So my question is how will you know if your website is compatible with mobile browsers? Is there a way to check using my desktop computer on how my site looks like in these mobile devices?


    Thanks,
    Wesley

  2. #2
    Life is not a malfunction gold trophysilver trophybronze trophy
    TechnoBear's Avatar
    Join Date
    Jun 2011
    Location
    Argyll, Scotland
    Posts
    6,057
    Mentioned
    253 Post(s)
    Tagged
    5 Thread(s)
    There are various on-line simulators, including Opera Mini and the dotMobi one for more basic phones. There's alonger list of on-line and downloadable resources here.

    You can also run your site through the W3C MobileOK Checker, which will alert you to potential problems.

  3. #3
    Mouse catcher silver trophy Stevie D's Avatar
    Join Date
    Mar 2006
    Location
    Yorkshire, UK
    Posts
    5,881
    Mentioned
    122 Post(s)
    Tagged
    1 Thread(s)
    Quote Originally Posted by wly View Post
    The sad part is that I do not own any smartphone or tablet computer. So my question is how will you know if your website is compatible with mobile browsers? Is there a way to check using my desktop computer on how my site looks like in these mobile devices?
    That's not the whole story though. Your site might look fine in mobile browsers most modern smartphones do a good job of replicating a desktop display, although older or less high-tech phones might need a display that is mobile-friendly but that doesn't mean it will work on mobiles. Remember that the ways of interacting are different there's no :hover or onMouseOver or tooltips, often no click-and-drag, there may not be any right-click, Javascript support may be flaky, and Flash won't work on any iDevice or iGadget.

    If your site has a very simple interaction model, where people just click on links and buttons and all actions are carried out by standard HTML, then you should be fine, because all phones support that. If that's the case then checking that the site looks fine should be enough. But if you've got anything more complex than that, there really is no substitute for getting hold of a real smartphone and checking it out for yourself.

  4. #4
    Non-Member bronze trophy
    Join Date
    Nov 2009
    Location
    Keene, NH
    Posts
    3,760
    Mentioned
    23 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Stevie D View Post
    If your site has a very simple interaction model, where people just click on links and buttons and all actions are carried out by standard HTML, then you should be fine, because all phones support that. If that's the case then checking that the site looks fine should be enough. But if you've got anything more complex than that, there really is no substitute for getting hold of a real smartphone and checking it out for yourself.
    Which is why all the goofy 'scripting for nothing' nonsense (most of what jquery brings to the table) IMHO has no place on websites in the first place.

    It's also why if you ARE going to do all the goofy scripted nonsense, you should do using 'progressive enhancement' -- scripting should ENHANCE the functionality, not supplant it.

    Dynamic content, dynamic fonts, semantic markup, separation of presentation from content, media targets -- use them and you're good. Sleaze out a PSD, slice it up and write nothing but presentational markup where the only thing that 'matters' to you is the goofy pretty graphics at a crappy fixed width desktop size -- GOOD LUCK!

  5. #5
    Non-Member
    Join Date
    Sep 2012
    Posts
    1
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Here i am giving you some tools that helps you in testing your site on mobile devices:

    1) W3CmobileOK Checker

    This tool checks to see how mobile-device-friendly your website is.

    2)MobiReady

    This is another online testing site that allows you to enter a URL so that it can perform a set of evaluations, including Page Test, Markup Test and Site Test of the web page.

    3)DotMobi

    The dotMobi emulator gives you a live preview of your site from a (fairly small, to be honest) range of different mobile phones. This mobile testing tool is great if you need to test your page on older mobile devices.


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
  •