JS判断手机端和电脑端调转代码

5 篇文章 0 订阅

方法一:纯JS判断

使用这方法既简单,又实用,不需要引入jQuery库,把以下代码加入到<head>里即可。

  1. <script type=”text/javascript”>  
  2. if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {  
  3. window.location = “mobile.html”; //可以换成http地址  
  4. }  
  5. </script>

方法二:使用 Device.js 库

device.js 是一个用于检查设备用的插件,使用它你可以很方便的判断设备的操作系统,以及设备是纵向还是横向。

首先,我们下载Device.js

下载地址: https://github.com/matthewhudson/device.js

STEP 1: 引入 JS 文件
  1. <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: 加入判断代码
  1. <script type=”text/javascript”>  
  2. if(device.mobile()){  
  3. window.location = “shouji.html”;  //可以换成http地址  
  4. }  
  5. </script> 



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值