H5常用JS代码片段， 判断设备&JS预加载

1.JS判断设备
在编写移动端H5时， 由于安卓和IOS的不同， 会导致同一段代码，在不同系统设备上的实现效果不一样， 所以需要根据不同的设备， 进行适配。
例如， 在苹果手机上， 视频可以自动播放， 通过video.play()方法， 而安卓一定要点击触发才能自动播放， 音频也同样。

以下是根据正则表达式判断用户设备的代码：

2.JS实现预加载
在H5的项目中， 许多项目都有loading页面， 而loading页面的主要显示，是资源加载进度。所以有必要用有一个JS的简单加载， 实现CSS文件，JS文件和图片的预加载。

先构造一个PreLoad类，onload函数实现加载。

在需要用到Preload对象时， new并传入参数。

有时一个H5 项目图片资源太多，或者太少，不用预加载，但又需要显示loading页时，可用定时器，定时增加数值来实现loading页的百分比。即模拟数据加载的百分比变化，代码如下：