189 8069 5689

浏览器html5测试的简单介绍

怎么检测浏览器是否支持HTML5?

利用HTML5新标签对象的方法来进行检测,比如Canvas对象的getContext()、Video对象的canPlayType等。如果浏览器支持HTML5,则返回相应的期望值(返回函数体,布尔值为true),否则无法获得期望值(返回undefined,布尔值为false)。

在裕民等地区,都构建了全面的区域性战略布局,加强发展的系统性、市场前瞻性、产品创新能力,以专注、极致的服务理念,为客户提供做网站、成都网站制作 网站设计制作定制网站开发,公司网站建设,企业网站建设,品牌网站设计,成都全网营销,成都外贸网站建设,裕民网站建设费用合理。

Canvas对象的getContext

// 方法一

/**

* [supportHtml5 言成科技HTML5学堂]

* @return {[type]} [description]

*/

function supportCanvas() {

return (typeof document.createElement('canvas').getContext === "function");

}

console.log(supportCanvas());

Video对象的canPlayType

// 方法二

/*

* [supportsVideo 言成科技HTML5学堂]

* @return {[type]} [description]

*/

function supportVideo() {

return !!document.createElement('video').canPlayType;

}

console.log(supportVideo());

哪个浏览器能进行HTML5测试啊?

HTML5是公认的下一代Web开发标准,随着微软的高调支持,以及Adobe公司宣布放弃移动版Flash开发,HTML5进入了一个发展飞跃期。能否完善的支持HTML5,已经成为检验一款现代浏览器合格与否的重要标准。傲游浏览器3近日对自主浏览器核心进行了全面升级,新核心最引人注目的就是其对HTML5的支持达到了前所未有的高度。以新版自主核心为基础,傲游已经连续推出了多个Beta版产品,最新版为傲游3.3.3正式版。经过HTML5test网站评测,傲游3.3的HTML5支持评分为347分,比升级之前的傲游3评分提高了41分,相比之前的“冠军”——Chrome14,也高出了7分。傲游3.3.3正式版增加支持了HTML5 的drag out 特新,可以在具备这项功能的网页上直接拖放保存附件。

html5页面的浏览器兼容性测试工具有哪些

12款很棒的浏览器兼容性测试工具推荐:

1、Spoon Browser Sandbox

点击需要测试的浏览器环境,安装插件就可以进行测试了。帮助测试网页在Safari、Chrome、Firefox和Opera浏览器中是否正常,IE以前也有的,网站上说应微软的要求去掉了。

2、Superpreview

这是为微软自己发布的跨浏览器测试工具,可以同时查看网页在多个浏览器的呈现情况,对页面排版进行直观的比较。

3、IETester

专门用于测试网页在IE浏览器各个版本中兼容性的工具,版本包含IE5.5至IE9的各个版本,很不错的一款工具,推荐。

4、BrowserShots

是一款免费的跨浏览器测试工具,捕捉网站在不同浏览器中的截图。这是最有名,也是最古老的浏览器兼容性测试工具。

5、Multiple IEs

这款工具同样用于测试网页在IE浏览器各个版本的兼容性。

6、IE netrenderer

Netrenderer 也是用于检查网站在IE浏览器中的呈现情况,包括各个常用版本的检测。

7、Viewlike

是一款新推出的工具,帮助检查浏览器在不同分辨率下得呈现情况。

8、BrowserSeal

这款工具的两个主要特色是独立的浏览器支持和带有自动化脚本的命令行界面。

9、Browsera

是一个可测试网站的跨浏览器布局的工具,会看到网站上存在的兼容性错误。

10、WebDevLab

这款工具专门用于测试网站在苹果Safari浏览器中是什么样子的

11、Litmus

这个工具可以帮助检查网站在多个浏览器中的呈现情况,跟踪Bug并创建报告。

12、Browsercam

这款工具是要付费的,可以帮助检查 Javascript 和 DHTML,提供不同的测试环境平台。


当前标题:浏览器html5测试的简单介绍
文章分享:http://jkwzsj.com/article/dsdepoh.html

其他资讯