沈阳SEO_沈阳网站优化_沈阳网站建设_沈阳初衷网络科技有限公司

首页 > 网页设计 > / 正文

利用JS判断移动设备最佳方法

2017-11-13 网页设计

我在开发的Magento或Wordpress主题时,通过都会制造手机版本,为了实现某个片断在手机端跟 桌面端不同功能,又或者假如是手机设备,就跳转到指定的网页上,那么这里就须要用到JS来做断定了,下面有一个简略的检测方式,经实验是可行的。

方式一:纯JS断定

应用这方式既简略,又适用,不须要引入jQuery库,把以下代码参加到<head>里即可。

<scripttype=”text/javascript”>if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|OperaMini/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 文件

<scriptsrc=”device.min.js”></script>

STEP 2: 参加断定代码

<scripttype=”text/javascript”>if(device.mobile()){window.location=“shouji.html”;//能够换成http地址}</script>

Device.js 方式有许多,若你想实现对某个设备的断定,要以依据以下代码来调换device.mobile()

以上两种方式断定手机端都是很适用的,由其是电脑版网页跟 手机版网页分辨用不同的网站域名时,应用该方式能够免去用户记2个域名懊恼!

参考浏览:http://stackoverflow.com/questions/3514784/what-is-the-best-way-to-detect-a-mobile-device-in-jquery

Tags:

更多利用JS判断移动设备最佳方法的相关文章

网站分类
标签列表