【转载】HTML5浏览器测试网站汇总

标签: HTML5 技术博文 HTML5前沿技术 HTML5最新动态 | 发表时间:2012-05-11 00:25 | 作者:HTML5研究小组
出处:http://www.mhtml5.com

我经常看到有很多人询问HTML5某个特性当前各浏览器的支持情况。的确,因为HTML5内容庞大,特性众多,而浏览器的支持情况又混杂不一,随时都有可能变化,所以了解起来比较困难。在这里,我汇总了一些常用的网站供前端开发者了解HTML5浏览器的支持情况。

浏览器支持情况统计

When Can IUse:图表经常更新,展示了HTML5、CSS3、SVG等浏览器的支持情况。在这里可以了解到很多新知识,例如Firefox和Opera支持PNG动画;另外重要的一点是可以了解到各浏览器是否支持某个HTML特性以及准备什么时候支持。

 

HTML5 Readiness:看起来很酷,但是信息较少。

 

MobileHTML5.org:提供了移动设备对于HTML5的支持情况,移动浏览器信息比较全。

 

而针对CSS3, CSS3选择器浏览器支持CSS3背景属性浏览器支持CSS3移动浏览器支持都可供参考。

浏览器测试

以下的网站可以测试你当前浏览器对HTML5特性的支持情况。

HTML5Test:常用的网站,可以快速测试你浏览器对HTML5特性的支持。同时还能展示浏览器之间HTML5支持情况的对比。

What’s My IP:和上面一个比较类似,不过还包括了对CSS3的支持。

Haz.io:使用了 Modernizr来检测HTML5、CSS3的支持情况。

Detector:和上面一个比较类似。

CSS3info:提供了对CSS3选择器支持的测试。

HTML5Demo:HTML5 Demo网站提供了许多新特性的示例,你也可以在这里了解到所展示特性你的浏览器和各主流浏览器的支持情况。

 

HTML5的结构实在是太庞大了,以上每个网站对于HTML5特性都没有涵盖完全,你有时可能需要把它们互相结合起来,并手动查阅一些资料才能了解到最新的支持情况。

 

相关 [html5 浏览器 测试] 推荐:

【转载】HTML5浏览器测试网站汇总

- - HTML5研究小组
我经常看到有很多人询问HTML5某个特性当前各浏览器的支持情况. 的确,因为HTML5内容庞大,特性众多,而浏览器的支持情况又混杂不一,随时都有可能变化,所以了解起来比较困难. 在这里,我汇总了一些常用的网站供前端开发者了解HTML5浏览器的支持情况. When Can IUse:图表经常更新,展示了HTML5、CSS3、SVG等浏览器的支持情况.

HTML5 Canvas: 测试浏览器是否支持Canvas

- - CSDN博客Web前端推荐文章
本文翻译自Steve Fulton & Jeff Fulton. 在获取HTML页面上Canvas元素的引用后,我们需要测试一下该元素是否包含“上下文”(context). Canvas的上下文指的是由浏览器定义的用于绘画的平面. 简单地说,如果上下文不存在的话,Canvas也就名存实亡了.

兼顾性能和兼容体验:HTML5时代的浏览器全面测试

- - WPDang
导言:自第一台PC诞生以来,桌面电脑以及随后不断涌现的笔记本、平板以及智能手机等设备越来越普及,而近20年来互联网的出现和高速发展,则让浏览器成为这些设备上使用率最高的应用程序之一. 蒂姆·伯纳斯·李作为首位使用超文本来分享资讯的人,于1990在欧洲粒子物理实验室里开发出首个网页浏览器WorldWideWeb.

HTML5 Please:为HTML5与CSS3语法提供浏览器兼容性测试及使用建议

- - IE浏览器中文网站
HTML5 Please 整理了各种新的 HTML5 与 CSS 语法在各种浏览器上的兼容性状况,并提供使用上的建议. 在开发网页的应用程序时,开发者所撰写的 HTML5 或 CSS 代码通常都要面对许多不同浏览器的兼容性问题,而 HTML5 Please 是一个可以查询各种 HTML5 与 CSS 的语法在各种浏览器中被支持的状况,并且建议你是否应该使用,你可以依据哪一些浏览器支持哪一些语法来选择要使用的语法.

浏览器性能测试

- - Taobao QA Team
浏览器作为一个浏览网页的平台,自身的性能直接影响网页的解析速度、渲染,而浏览器的性能一般又是由浏览器的内核来决定. 虽然浏览器的评测方法有很多,但是权威的浏览器性能测试方法主要有以下几种:. Acid3测试是检测浏览器与Web标准兼容性的主要方法,也是目前行业中最权威的测试. Acid3是由网页标准计划小组(Web Standards Project, WaSP)设计,测试焦点集中在ECMAScript、DOM Level 3、Media Queries和data: URL,浏览器开启 http://acid3.acidtests.org/测试页面后,页面会不断加载功能、直接给予分数.

Chrome浏览器HTML5性能评测

- - HTML5研究小组
编者按:大家知道HTML5有两大特点是强化Web网页的表现性能和追加本地数据库等Web应用的功能. 对于 表现功能上的呈现问题,想必也是绝大多数Chrome浏览器用户选择使用Chrome的其中一个最主要原因. 而了解HTML5架构的浏览器,追求浏览器网 页在线视频的高清播放能力以及浏览器稳定运行性能的玩家们,则更关心Chrome浏览器HTML5性能的表现.

PouchDB:一个JavaScript与HTML5实现的浏览器端CouchDB

- Vingel - NoSQLFan
CouchDB的一大特点是利用其同步机制在终端与服务端进行数据同步,比如在移动终端Android系统和iOS系统下都有CouchDB的实现,其策略是离线时将数据存在本地,在线后将数据与服务端进行同步. 而今天要说的是利用JavaScript和HTML5的IndexedDatabase实现的一个完全兼容CouchDB同步协议的家伙:PouchDB.

五大主流浏览器 CSS3 和 HTML5 兼容性大比拼

- jessie - 博客园-梦想天空
  各大主流浏览器对 CSS3 和 HTML5 的支持越来越完善,曾经让多少前端开发人员心碎的IE系也开始拥抱标准. 就在前几天,W3C的 HTML5 社区领袖 Shelley 宣布,HTML5的开发工作已经接近完成,如果进展顺利,HTML5 将在 2012 年正式成为国际标准.   当然,即使标准正式制定了,现代浏览器要普及到大部分用户也是需要一个相当漫长的过程.

使用html5 postMessage和window.name实现多浏览器跨域

- BeerBubble - 断桥残雪部落格
跨域是个“很古老”的问题,因为浏览器的同源策略,导致不同域名下不能进行跨域名请求数据,虽然这样设计安全了很多,但是对于大型的网站同时维护多个域名就需要进行跨域操作. 例如:微博开放平台的jssdk实现的跨域请求数据,再例如weibo.com和sina.com的同步登录. 之前我也说过不少跨域的方式了,有结合服务器端的,有纯粹javascript实现的跨域,例如:《利用跨域资源共享(CORS)实现ajax跨域调用》、《用document.domain+iframe实现Ajax跨子域》、《通过JSONP实现完美跨域》.