[转载]HTML5浏览器测试网站汇总

http://www.cnblogs.com/javawebsoa/archive/2012/04/19/2458224.html

浏览器支持情况统计

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网站提供了许多新特性的示例,你也可以在这里了解到所展示特性你的浏览器和各主流浏览器的支持情况。

时间: 2024-10-09 22:09:39

[转载]HTML5浏览器测试网站汇总的相关文章

现代软件工程_团队项目_贝塔阶段_【转载】10个免费的顶级跨浏览器测试工具_2018.01.15-2018.01.19

10个免费的顶级跨浏览器测试工具 1.Browsera Browsera 可以测试和报告在您的网站上的跨浏览器布局的差异和脚本错误. Browsera不同于其他跨浏览器测试服务.其他服务,如Litmus,Browsershots,BrowserLab,以及 SuperPreview,它们仅仅截取每一个特定的页面,你必须具体再分析才行. 2.BrowserStack BrowserStack提供实时的,基于Web的浏览器测试的能力. 可以即时访问每个桌面和移动浏览器(目前超过300个),具有在内部

程序员必备的开发和测试工具汇总

网络监测服务诞生于互联网井喷年代,对于网民来说,短短几年之内,经历了从浏览白底黑字的网页到硝烟四起的论坛,再到在线听歌.看片.网购支付.在线阅读.公共信息查询,人们还没来得及感叹进化之迅猛,移动互联网就伴随着手机.pad等各种终端扑面而来,模糊了线上线下的界限,把用户体验推向了极致.然后大家开始关注转向网页的兼容性.打开速度.交互体验.App应用的反应时间.能否被不同地区的用户访问. 下面介绍一些App应用从开发到服务性能监测的一些工具和途径: 开发工具: 1.Bizness Apps 一个傻瓜

如何在跨浏览器测试中提高效率

Web端应用测试主要障碍之一就是在不同的浏览器上"测试他们的网站/应用程序",也称为"跨浏览器测试"或者"兼容性测试". 浏览器和浏览器版本很多(Google Chrome,Mozilla Firefox,Internet Explorer,Microsoft Edge,Opera,Yandex等),可以通过多种设备(通过台式机,笔记本,智能手机,平板电脑等)访问网站/应用. )以及可能用于访问网站的多种操作系统(Windows,MacOS,Li

6个原则、50条秘技提高HTML5应用及网站性能

Jatinder Mann是微软Internet Explorer产品的一名项目经理,在BUILD 2012大会上,他做了题为“提高HTML5应用和网站性能的50条秘技(50 performance tricks to make your HTML5 apps and sites faster)”的演讲,介绍了很多为Web应用程序提速的技巧. Mann的建议是按照下面六个原则组织的. 1. 快速响应网络请求. 避免重定向.排名前1000的网站中,63%使用了重定向.如果不执行重定向的话,页面速度

HTML5移动Web开发(一)——HTML5和移动网站基本概念以及一些模拟器

当前,手机设备发展迅猛.屏幕尺寸各不相同.存储和性能仍有局限性,如何结合HTML5的功能,在多平台上创建高性能.响应式的移动网站,是Web开发者所要面对的首要挑战.HTML5以及移动网站都是很有前景的技术,本身也仍在不断的演进.移动端Safari浏览器是当前最常用的iPhone应用,它使开发人员可以创建高性能的网页应用并提高用户的浏览体验.移动网站的好处在于,你不需要申请开发者账号就可以运营和维护,不需要通过任何应用市场的审核就发布,不需要通过繁琐的审核就可以在任何时候更新.但是它也有许多问题,

转:【总结】浏览器CSS Hacks汇总,浏览器兼容方式CSS Hacks

[总结]浏览器CSS Hacks汇总 浏览器兼容可以说是前端开发所要面对的第一个挑战,目前我的电脑上已经安装了6种浏览器(基于IE内核的不算,如Maxthon等). CSS hacks利用浏览器的漏洞来隐藏特定浏览器的CSS规则.实现浏览器兼容主要有两种方式条件样式表和CSS Hacks(Selector Hacks.Attribute Hacks).对此根据一些资料汇总了一些CSS Hacks方法.   1.条件样式表 像这样的代码你应该见过: <link rel="stylesheet

HTML5在线学习网站推荐

因为HTML5流行及其功能的强大,越来越多的人加入HTML5的学习.当然,目前大部分人学习都是通过网络,HTML5同样有许多教学网站,那么HTML5在线学习网站有哪些?现在请看我为大家推荐的HTML5在线学习网站. 学习HTML5的网站和博客 无论学习什么语言,最开始的当然是要从基础学起.如果你是一个对HTML5一无所知的初学者,那么以下的几个网站绝对不容错过.网站中包括HTML5的基础教程.文章和博客,而且其中包含的不仅仅只是代码,还包含很多带有简单步骤讲解的例子. 1. W3Schools(

浏览器兼容性问题汇总

# 浏览器兼容性问题汇总 ## 问题1 ### first-child ## <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> div p:first-child { color: red; } </style> </head> <

Python多线程Selenium跨浏览器测试

前言 在web测试中,不可避免的一个测试就是浏览器兼容性测试,在没有自动化测试前,我们总是苦逼的在一台或多台机器上安装N种浏览器,然后手工在不同的浏览器上验证主业务流程和关键功能模块功能,以检测不同浏览器或不同版本浏览器上,我们的web应用是否可以正常工作. browser.png 下面我们看看怎么利用python selenium进行自动化的跨浏览器测试. 什么是跨浏览器测试 跨浏览器测试是功能测试的一个分支,用以验证web应用能在不同的浏览器上正常工作. 为什么需要跨浏览器测试 通常情况下,