检测设备类型的JavaScript库

2024 年 03 月 22 日

516 次浏览

696字数

作为一个可以用来检测设备的平台、操作系统和方向的 JavaScript 库，current-device.min.js（Github地址）通过操作系统（比如 iOS、安卓、黑莓、Windows、Firefox OX），设备屏幕方向（横屏或者竖屏）以及设备类型（平板或者移动设备）来为设备添加 CSS Class，并提供了一些 Javascript 函数用来判断设备类型，比如在 PC 端打开引入了 current-device.min.js 的 html 页面时会在 <html> 标签里添加 desktop landscape 的 class。

<!DOCTYPE html>
<html class="desktop landscape">
  <head>...</head>
  <body>
  ...
  </body>
</html>

一、在 html 页面 <head> 与 </head> 之间引入JS库：

<script type="text/javascript" src="current-device.min.js"></script>

二、在 html 页面的 <body> 与 </body> 之间运行条件语句：

<script type="text/javascript">
 var isMobile = device.mobile(),
     isTable = device.tablet();

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