无锡网站开发:通过js判断自动跳转到手机网站

【导读】有客户需要做一个电脑网站一个手机网站,那么如何自动实现切换呢?这里我们可以采用js库实现,下面无锡网站开发马氪软件就为大家简单介绍一下。

  有客户需要做一个电脑网站一个手机网站,那么如何自动实现切换呢?这里我们可以采用js库实现,下面无锡网站开发马氪软件就为大家简单介绍一下。

  通常使用到的是检测设备的js插件

  我们可以使用device.js库,使用它你可以很方便的判断设备的操作系统,甚至是检测出用户的设备是纵向还是横向。

  JS判断是否移动设备并自动跳转至手机版网页

  使用 Device.js 库

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

  首先,您可以从我们网站下载Device.js

  下载地址:device.rar

 无锡网站开发:通过js判断自动跳转到手机网站

  第一步: 引入 JS 文件

  XML/HTML代码

 

  <script src="js/device.min.js"></script> //这里可以把js文件放在您网站的js目录下

 

  第二步: 加入判断代码

  XML/HTML代码

 

  <script type="text/javascript">

  if(device.mobile()){

  window.location = "m/index.html";  //这里写您手机网站的网址

  }

  </script>

  好了,至此在网站里通过js判断用户端的设备是电脑、平板、还是手机等终端,再自动匹配移动端网站的方法就为大家介绍到这里。 


本文链接:http://mkapps.cn/news/ask/269.html

无锡第二秀网络科技有限公司

  • 旗下 : 马氪软件
  • 主营业务 : 网站设计开发;微信公众号、小程序开发;APP开发;网络营销推广;广告设计 等
  • 联系人 : 徐经理
  • 手机 : 18706171959
  • 电话 : 0510-85873959
  • 邮箱 : b1990g228@qq.com
  • 网址 : http://mkapps.cn

如无特别说明©本站内容均为原创,转载请标注来源:无锡做网站公司http://mkapps.cn


    匿名评论
  • 评论
人参与,条评论
 您阅读这篇文章共花了: 

分享这篇文章吧!

相关文章