如何测试html5网页打开速度

先去XAMPP官网下载适合自己的XAMPP版本，支持Mac、Windows、Linux。

自行百度XAMPP，到官网下载即可，链接贴不上来。

下载完成后，双击安装XAMPP到PC上，一路next即可，不懂英文也没事。

安装过程中，有一个路径的选择，建议把XAMPP的根目录，定义到D盘或者E盘等，默认是C盘的根目标下。

安装完成后，打开XAMPP，有一个Apache的功能，后面会有一个start，点击start等待3~5秒后即可，其他功能不需开启。

然后将在PC上制作的html5或手机页面文件夹，放到XAMPP文件夹中的htdocs文件夹中。

查看本机的局域网IP地址，如：192.168.1.100，然后手机连接到与PC同一个路由器中，在手机的浏览器中打开 IP/example(您的项目目录)/index.html 即可进行调试。

使用完毕，直接点XAMPP控制台中的Stop，关闭Apache服务即可。

利用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())