Can my HTML5 canvas effects run on iPhone or Android?

Question

I design a HTML5 canvas effects homepage on my site http://catfan.me

You can click the sky and add a cloud, and It`s able to show the fps.

It runs perfect on HTML5 supported browser, such as Chrome, FireFox, Safari, IE9..

But i do not know if it run on iPhone, iPad or Android mobile phone. I didn`t have this devices.

Can anyone to help me to test? Or is there any way to test the HTML5 effects running on iPad? Such as iOS or Android Emulator?

Answer 1

I know it's too late to reply. But I was wondering the same thing so I tried it on my Android 2.1 and it worked. When I touched a cloud and it's split into 2 of them and displayed the corresponding message. This might be a good example: html5 canvas would be way to go rather than SVG or Silverlight Graphics.

Answer 2

Both Android (2.0+) and iOS4 supports HTML5 in some way or another, so your page will probably be displayed correctly though it might be a little laggy. You may want to let W3C finish their work on HTML5 before implementing it on your website, if you want it to run perfectly on all devices.

Answer 3

I tried it with dolphin browser HD and the clouds moved around and more popped up when I clicked them.

Answer 4

This is not a programming related question... anyway, just tested on iPhone and Android: it didn't work for both. If you want to test by your self, just install the android emulator.

Answer 5

There are various iPhone and Android emulators available if you google, but I prefer the ones that come with XCode for iPhone/Mac and the official SDK for android.

If you don't have access to a mac you can emulate iphone support pretty good through Safari for Windows.