Tell me more ×
Programmers Stack Exchange is a question and answer site for professional programmers interested in conceptual questions about software development. It's 100% free, no registration required.
up vote 1 down vote favorite

I have developed a simple HTML5 webpage that uses a javascript file. This is a fun learning page so I wanted to know as to how will they show up on mobile devices like iPhone and Android smartphones.

The pages are hosted on a server and i have tested the thing on my desktop. But, how can I test the same for these mobile devices? I.e. how the page will look on mobile and stuff? I don't have an iPhone or Android.

There is no serious development going in here so I was thinking if there is some free website or tool that acts as a iPhone or android browser?

The main aim is just to see how the webpage will show up on an android phone.

share|improve this question

6 Answers

up vote 1 down vote accepted

You emulate iOS on a Windows machine with Electric Mobile Simulator.

share|improve this answer
it looks good..... – Pankaj Upadhyay Nov 22 '11 at 7:23
Just has one minor glitch....it doesn't allow tracking location....no geolocation support.....but otherwise very cool product – Pankaj Upadhyay Nov 22 '11 at 11:40
would you mind explaining more on what it does and why do you recommend it as answering the question asked? "Link-only answers" are not quite welcome at Stack Exchange – gnat May 7 at 21:47
up vote 1 down vote

Android Development tools are free. You can download Eclipse and the android sdk, then emulate yourself.

I just launched an emulator from my "Android Virtual Device Manager" and was able to navigate to www.stackexchange.com in the web browser.

For apple, I am not sure about a free way. I was able to launch any old app in the simulator and then hit the home button -> Safari and navigate to www.stackexchange.com

share|improve this answer
It not strictly necessary to install eclipse, you can run the emulator from the command line. – Rob Apr 27 '12 at 15:15
up vote 1 down vote
  1. Download Safari
  2. Enable the debug menu (On Mac, On Windows)
  3. Set the User Agent to iPhone
  4. Browse your webpage
share|improve this answer
download the safari and run : C:\Program Files\Safari\Safari.exe /enableInternalDebugMenu ... The debug menu shows up but i am unsure about the user agent. Where can i find this user agent because in debug menu there is nothing as such – Pankaj Upadhyay Nov 22 '11 at 7:22
I am able to work it out but it still uses all the window space available. I mean it uses all the screen space and put scrolls if minimize the window to iphone size. Is this the way iphone works ? Doesn't it scale the size or something or it just puts the scroll bar in iphone too?? – Pankaj Upadhyay Nov 22 '11 at 13:48
up vote 1 down vote

For a multiplatform solution, with sensors simulation (GPS, accelerometor, etc), check out the Ripple extension for Chrome. You can select what phone you are simulating on, which mobile platform, size of screen, etc. Even if you do not need the sensors, it's good to see what's going on with each phone type and screen size.

share|improve this answer
up vote 0 down vote

To see how your app will behave and look, you can very easily simulate different browsers, including mobile, from right within Chrome. All you need to do is override the User Agent using the built-in "Developer Tools" to instruct the browser to use an agent specific to a device, either by selecting it from a list, or entering the user agent string directly.

In the Developer Tools settings, find the "Override User Agent", check it, and select the browser/device you want to emulate. See this post for more details:

http://tekprolixity.blogspot.com/2012/04/simulate-mobile-browser-using-chrome.html

share|improve this answer
up vote 0 down vote

The GitHub wiki page for HTML5 Mobile Boilerplate has a nice list of mobile emulators and simulators.

From there:

share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.