Translations

Know another language? Translate this tutorial!

Stats

1,653 visitors
23.4K page views

Which browser is best for HTML5 games?

Favourite 16 favourites
Tutorial written by AshleyOriginally published on 16th, June 2012 - 7 revisions

Scirra has a lot of experience with working with HTML5 games. This tutorial summarises our advice on which browsers are best for running HTML5 games, especially those developed with Construct 2.

Summary

Scirra recommends either Google Chrome or Mozilla Firefox as the best desktop browsers for HTML5 games. They are approximately equal in features and performance. Most other browsers either perform worse or lack features that Chrome or Firefox have.

The best mobile browsers are: for iOS, Safari. Make sure you're on the latest version of iOS for best performance and features. For Android, Google Chrome again. Note on older Android devices Chrome is not the default browser and needs to be installed separately. In this case Chrome is so much better than the stock browser you should strongly recommend to your users that they make sure they use Chrome if on Android.

Most other mobile platforms, including Blackberry 10, Firefox OS and Windows 8 also provide fast and good quality built-in browsers.

Testing

Always test on as many browsers as you have access to. Not everyone uses the same browsers, and it is important to check your game's performance, appearance and features work correctly for everyone.

Unlock your full gamedev potential

Upgrade to the Personal Edition of Construct 2, it has way more features and won't holding back from making money and using your full creativity like the free edition does. It's a one off payment and all Construct 2 editor updates are free for life!

View deals

Plus, it's got a lot of additional features that will help you save time and make more impressive games!

Congratulations on finishing this tutorial!

Did you learn a lot from it? Share it now with your friends!

Share and Copy this Tutorial

You are free to copy, distribute, transmit and adapt this work with correct attribution. Click for more info.

Comments

3
leonhard 7,988 rep

good to know and thanks

Saturday, June 16, 2012 at 5:34:11 PM
1
OrdonianKing 2,615 rep

These scores are exactly what I expect, anybody know when CocoonJS will be usable for self publishing Android apps?

Saturday, June 16, 2012 at 5:50:42 PM
2
NotionGames 14.0k rep

Google chrome all the way!

Saturday, June 16, 2012 at 6:23:48 PM
1
Hemul1 3,765 rep

I was very suprised that the Playbook browser did so well. Good to know though. :)

Sunday, June 17, 2012 at 12:34:59 AM
1
zsangerous 12.8k rep

i'm sure some people will ask about browsers in the forums :P thanks for the tutorial

Sunday, June 17, 2012 at 6:55:22 PM
1
adriaaaaan 2,057 rep

You say android stock browser, but you mean android <2.3. android 4 browser is very fast (faster at rendering than chrome) and has full hardware accelleration

Tuesday, June 19, 2012 at 2:29:47 PM
2
Ashley 195.4k rep

@adriaaaaan - the Android 4 stock browser is still very slow and has glitches in our tests. Only Chrome for Android beta is better and hardware accelerated, and that was tested separately.

Tuesday, June 19, 2012 at 2:42:42 PM
0
NewSkool 3,217 rep

I have created a very simple game for children, that involves dragging and dropping some shapes. The graphics look far better in IE9 than in Chrome or Firefox. In the latter two browsers, they look pixellated, and rough around the edges. In IE9, they are perfect, and the anti-aliasing is smooth. @Ashley -- do you know why there is a difference? Of course, IE9 does not play the audio!

Wednesday, August 15, 2012 at 11:06:02 AM
1
Ashley 195.4k rep

@NewSkool - did you change the 'Sampling' project property to 'Point' by any chance?

Wednesday, August 15, 2012 at 1:07:29 PM
0
NewSkool 3,217 rep

@Ashley - yes, my Sampling is indeed set to 'Point'. I think I remember making some changes after reading some tips about enhancing performance. But perhaps that is mobile performance...

Wednesday, August 15, 2012 at 2:02:26 PM
2
Ashley 195.4k rep

@NewSkool - well, that will be why! IE9 always uses linear, and only Chrome and Firefox use the setting, so just set it back to linear if that's what you want.

Wednesday, August 15, 2012 at 4:50:46 PM
0
NewSkool 3,217 rep

Got it. Thanks @Ashley

Wednesday, August 15, 2012 at 11:47:33 PM
0
edusmartin 2,431 rep

I'm trying to build a structure using a catapult then demolish it, when I export the project in html5 default browser in Android and iPhone the structure is unstable and topples one is as though everything is vibrating time. Not so in browsers for PC.

Any recommendations?

Tuesday, January 22, 2013 at 3:57:11 PM
0
rob 3,439 rep

any one know about in-app billing in construct 2 how to add in-app billing in my android phone with the help of cocoonjs

Tuesday, April 02, 2013 at 12:44:25 PM
0
jobel 16.9k rep

It seems Chrome resolves WebFonts, but Firefox doesn't... at least in my testing..

Saturday, October 12, 2013 at 4:21:06 PM

Leave a comment

Everyone is welcome to leave their thoughts! Register a new account or login.