方法一:纯JS判断
使用这方法既简单,又实用,不需要引入jQuery库,把以下代码加入到<head>里即可。
- <script type=”text/javascript”>
- if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
- window.location = “mobile.html”; //可以换成http地址
- }
- </script>
方法二:使用 Device.js 库
device.js 是一个用于检查设备用的插件,使用它你可以很方便的判断设备的操作系统,以及设备是纵向还是横向。
首先,我们下载Device.js
下载地址: https://github.com/matthewhudson/device.js
STEP 1: 引入 JS 文件
- <span style="line-height:24.48px"><<span style="line-height:24.48px">script</span> <span style="line-height:24.48px">src</span>=<span style="line-height:24.48px">”device.min.js”</span>></span><span style="line-height:24.48px"></<span style="line-height:24.48px">script</span>></span>
STEP 2: 加入判断代码
- <script type=”text/javascript”>
- if(device.mobile()){
- window.location = “shouji.html”; //可以换成http地址
- }
- </script>