`

js判断设备类型

    博客分类:
  • js
 
阅读更多

js判断设备类型:

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>responsive demo</title>
  <script src="device.js"></script>
</head>
<body style="margin: auto; position: absolute; width:100%; height: 100%">
<script>
      var isMobile = device.mobile(),
            isTable = device.tablet();

       if(isMobile || isTable){
             window.open("m.html","_self");
       } else{
         window.open("pc.html","_self");
       }
</script>
</body>
</html>

 

当然,也可以用device.js来逐个检测设备。

 

javascript方法如下:

Device JavaScript Method
Mobile device.mobile()
Tablet device.tablet()
iOS device.ios()
iPad device.ipad()
iPhone device.iphone()
iPod device.ipod()
Android device.android()
Android Phone device.androidPhone()
Android Tablet device.androidTablet()
BlackBerry device.blackberry()
BlackBerry Phone device.blackberryPhone()
BlackBerry Tablet device.blackberryTablet()
Windows device.windows()
Windows Phone device.windowsPhone()
Windows Tablet device.windowsTablet()
Firefox OS device.fxos()
Firefox OS Phone device.fxosPhone()
Firefox OS Tablet device.fxosTablet()
MeeGo device.meego()

比如可以用如下代码来检测设备是否为IOS设备

var isIPhone = device.iphone(),

      isIPad = device.ipad();

var isIOS = isIPhone  || isIPad;

if(isIOS){

        alert("is this iOS?"+isIOS);

}

或者可以用来控制当为mobile或者tablet的时候加载m.css, PC的时候加载pc.css

if(isMobile | isTable){

        document.write( ' <link rel="stylesheet" href="m.css">');

}else{

        document.write('<link rel="stylesheet" href="pc.css">');

}

参考链接:

https://github.com/matthewhudson/device.js

 

 

 

分享到:
评论

相关推荐

    使用JS判断客户端的设备类型

    这段代码通过检查`window.orientation`属性(移动设备特有的)和`IEMobile`字符串(通常在Windows Phone的`User-Agent`中出现)来判断设备类型。 当然,直接硬编码这些检查可能会导致未来兼容性问题,因为设备和...

    JavaScript判断浏览器类型及版本

    JavaScript 判断浏览器类型及版本 随着浏览器市场的日益繁荣,浏览器的类型和版本也越来越多,给前端开发带来了很大的挑战。如何精准地判断浏览器的类型和版本成为了前端开发中非常重要的一个问题。 JavaScript ...

    判断访问的设备类型

    首先,我们可以通过浏览器提供的`User-Agent`头部信息来判断设备类型。`User-Agent`是一个字符串,包含了用户使用的浏览器类型、版本、操作系统以及设备信息。例如,移动设备的`User-Agent`通常会包含“Mobile”或...

    javascript获取设备类型,设备名称操作系统等

    1. **设备类型检测**:库可以判断设备是否为智能手机、平板、桌面电脑或其他。这可以通过`isMobile()`方法实现,它会返回一个布尔值。 2. **操作系统检测**:可以检测出用户设备的操作系统,如iOS、Android、...

    JS 判断ipad android 等移动设备横竖屏代码 源码

    这里通过分析 `navigator.userAgent` 来判断设备类型。`navigator.userAgent` 返回的是浏览器的 User Agent 字符串,通过 `indexOf` 方法查找其中是否包含 `"iPad"` 或 `"Android"` 关键字。 ##### 3. 屏幕方向...

    网页打开设备判断

    - 在服务器端,如Node.js、PHP、Python等,同样可以通过分析HTTP请求头中的User-Agent来判断设备类型。 - 可以创建一个中间件或函数,检查请求头,根据User-Agent的值进行分类处理。 - 服务器端检测的优点是可以...

    js判断浏览器类型及设备(移动页面开发)

    在提供的代码示例中,通过定义了一个`var os`函数,该函数执行时会进行一系列的正则匹配检查,并返回一个包含各种浏览器和设备类型判断结果的对象。这个对象中,每个属性(如`isQB`、`isTablet`、`isPhone`等)都是...

    JS通过设备的类型跳转页面.zip_JS通过设备的类型跳转页面

    接下来,我们将深入探讨如何利用JavaScript进行设备检测,并实现基于设备类型的不同页面跳转策略。 首先,我们需要理解JavaScript是如何识别设备类型的。通常,我们可以通过检查浏览器的`navigator.userAgent`属性...

    检测是否是手机端的JS代码

    JS代码通常通过读取浏览器发送的`User-Agent`头部信息来判断设备类型。`User-Agent`包含了浏览器的类型、版本和操作系统等信息。例如,移动设备的`User-Agent`通常会包含“Mobile”、“Android”、“iPhone”或...

    js判断浏览器类型

    在JavaScript编程中,判断浏览器类型是一项常见的需求,这有助于开发者为不同浏览器提供特定的优化或者兼容性处理。本文将深入探讨如何使用JavaScript来识别用户所使用的浏览器类型。 首先,JavaScript提供了一个...

    JS自动判断来路跳转

    标题“JS自动判断来路跳转”涉及到的是一种前端网页技术,主要利用JavaScript来检测用户访问网站时所使用的设备类型,如PC(个人电脑)或M(移动设备),然后根据设备类型自动执行相应的跳转操作。这样的技术在响应...

    js判断是手机访问还是电脑访问

    通过以上介绍,我们可以看到,使用JavaScript判断用户是通过手机还是电脑访问网站是完全可行的。然而,需要注意的是,由于`User-Agent`可能被伪造或修改,因此建议采用多种手段相结合的方式来进行设备检测,以提高...

    js判断浏览器的环境(pc端,移动端,还是微信浏览器)

    通过判断得到的设备类型,我们可以根据实际情况做出一些响应,如下面的代码示例: ```javascript if(os.isAndroid || os.isPhone){ alert("-----"); } ``` 接下来,判断是否在微信浏览器中打开,我们首先需要检测...

    js判断浏览器终端

    - **准确性问题**:由于用户可能修改 userAgent 字符串,或者使用模拟器等工具,因此这种方法并不能100%准确地判断用户的设备类型。 - **隐私保护**:虽然获取 userAgent 信息并不涉及个人隐私数据,但在处理用户...

    JS判断手机端与电脑访问

    以下是一个简单的示例,基于`userAgent`字符串来判断设备类型: ```javascript function isMobileDevice() { return (typeof window.orientation !== "undefined") || (navigator.userAgent.indexOf('IEMobile') !...

    jquery判断iPhone、Android设备类型

    在前述提供的代码示例中,函数downloadApp()通过解析userAgent字符串来判断设备类型。它首先获取当前设备的用户代理字符串,并将其转换为小写,以便进行不区分大小写的匹配。然后通过判断userAgent字符串中是否包含...

    Js判断移动端是否存在客户端:如果存在则打开,如果不存在则下载

    这段代码利用了这一特性来判断当前用户所使用的设备类型。 - **isAndroid**: 通过检查User Agent字符串中是否包含“Android”或“Linux”,判断是否为Android设备或UC浏览器。 - **isiOS**: 通过正则表达式匹配,...

    JS 判断手机端和pc端后跳转对应页面

    "JS判断手机端和PC端后跳转对应页面"这个话题就是关于如何使用JavaScript来检测用户的设备类型,并据此决定加载哪个页面。下面将详细介绍这一技术的实现原理和步骤。 首先,我们可以通过检测浏览器的User Agent字符...

    JS 判断手机端跳转

    除了用户代理检测,还可以检查屏幕尺寸或者触摸事件来识别设备类型。例如: ```javascript function isMobile() { return window.innerWidth || navigator.userAgent.match(/(Mobi|Android|iPod|iPhone|BlackBerry...

Global site tag (gtag.js) - Google Analytics