写了个测试图形渲染性能的页面:http://www.adanghome.com/js_demo/17/
理论fps : 60
操作系统:window7
chrome13 - canvas : 52
chrome13 - dom : 55
firefox15 - canvas : 25
firefox15 - dom : 8
ie9 - canvas : 60
ie9 - dom : 60
操作系统 : iphone4 + ios6
safari - canvas : 45
safari - dom : 23
可以看出ie9的图形渲染性能最好,无论是canavas还是dom,都可以跑全60帧。chrome其次,canvas的性能比dom稍低一点。firefox的性能最差,低到发指,dom比canvas性能差得多,只有8帧左右。
值得注意的是,这个测试页面没做任何复杂的js运算,只是不停地刷新图形,所以ie9的性能比chrome好。我另外写了个测试页面,用了我的游戏引擎,涉及了大量的js运算,ie9的性能就比chrome低了。ie9的js引擎还是敌不过V8啊,如果把运算性能也加上,chrome的优势才能体现出来。