How can I test websites for Mobile Devices


Tags: html,css,mobile-website,browser-testing

Problem :

What can I use to test websites I developed using HTML/CSS to see how it looks in mobile devices like iPhone/iPad/Android? Emulators/Simulators on Windows? I could installthe Android SDK and use its emulator? for Apple's devices, I need to pay for the SDK? anything I can use to emulate, I just need it for website testing not apps. Sites like www.testiphone.com or iphonetester.com doesn't appear to be accurate



Solution :

If you're on a Mac, use the iPhone simulator included with the SDK.

For windows, there's an Adobe AIR application called iBBDemo2 which is an iPad/iPhone simulator. It looks like a fairly accurate emulator, so it might be worth a try: iBBDemo2

EDIT: Just tested this out on a couple more sites and it's accurate. Definitely worth trying.

The Android SDK also includes an emulator and it's free.


    CSS Howto..

    How can have all the images show up on my slider whilst differentiating each image with its own div tag?

    How do I make two divs in the same “row” float in different directions?

    How to highlight syntax inside
    tag?

    How to reduce the indentation between first and second line inside circle?

    How to optimize CSS file for speed

    How to change css for an element but keep defaults for it's children

    How to position a CSS sprite background image within the element?

    how to get value of colors from CSS

    How to put a border on a triangle shape using css?

    How to move the Google Chart's annotation to the top or anywhere with CSS?

    How to style
    to have multiple colors?

    How to style button inputs to be identical in Chrome and Firefox?

    How to get the bottom border to stretch fully across a page in CSS

    How to write this css in shorter way? see example

    css: how to override max-width value with a larger (less restrictive) value

    CSS- how to give an object with scooped corners a border colour?

    How to display items side by side until window width then in next row

    How can I use a CSS transform to vertically-center two overlapping elements?

    Jquery show/hide more data

    how to choose correct css class to change element

    How to change value stylesheet_url in wordpress?

    How to draw rotated element as backgorund in HTML

    How can I animate this?

    How can I make a circle using css and apply it to my header?

    How to customize unordered list items in HTML using CSS

    How can I set a Horizontal! scroll bar for my Github page under this bootstrap theme? [closed]

    Show missing CSS in Google Chrome

    How to switch css property according to some condition

    Finding correct CSS sheet when Chrome Inspector shows (index) [closed]

    How to display a div over other content and in the center of webpage using CSS?