HTML笔记 ·

自动检测移动设备实现移动版网页跳转

现在的网站大多数都会制作适应移动端的网站,有的网站采用自适应的方式,有的则采用另外布局专门的移动端网页,这样就需要我们在pc端网页上添加自动跳转机制了,给大家介绍一个js文件,叫做device.js

device.js是一个用来检测设备的js库,很小但很好用,我们在做完手机版的网页的时候,往往需要进行跳转,因为用户绝大部分的时候记住的是我们网站的唯一域名,而不会去记住什么二级域名、二级目录等等,这样会增加用户成本,所以,实现动态跳转非常重要。
使用device.js检测移动设备第一步:
引入device.js文件
<script src="device.min.js"></script>
使用device.js检测移动设备第二步:
进行判断
<script type="text/javascript"> if(device.mobile()){ window.location = "shouji.html"; //可以换成http地址 }</script>
device有很多方法,下面是一些常用的:
device.mobile() → 检测设备是否是手机;
device.ipad() → 检测设备是否是ipad;
device.portrait() → 检测设备是否是竖直的;
device.landscape() → 检测设备是否是水平的;
device.iphone() → 检测设备是否是苹果手机;
device.android() → 检测设备是否是安卓手机;
device.tablet() → 检测设备是否是大屏幕手机(7寸以上);

参与评论