有你在真好 的个人博客
资源分享:移动设备类型判断JS
阅读:2316 添加日期:2021/3/27 23:28:35 原文链接:https://www.toutiao.com/item/6319460890575897090/

相信很多童鞋在实际开发中都会遇到需要判断设备类型来进行不同页面跳转处理,例如手机端访问移动页面,pc端访问pc页面亦或是ios和安卓扫描同一个二维码跳转至不同的下载页面。

  1. 有这样一种做法

    资源分享:移动设备类型判断JS

当然了你可以使用device.js来快速准确完成这个操作。

device.js 是一个用于检查设备用的插件,使用它你可以很方便的判断设备的操作系统,以及设备是纵向还是横向,并且还会帮你在html上添加不同class以便你根据不同设备编写相应样式。

例如在ios浏览时会添加

资源分享:移动设备类型判断JS不同设备会生成以下class

资源分享:移动设备类型判断JS横竖屏class

资源分享:移动设备类型判断JS当然也提供了相应的js函数

资源分享:移动设备类型判断JS

资源分享:移动设备类型判断JS用法也相当简单引入device.js

资源分享:移动设备类型判断JS这样就可以做个最基础的判断。

项目地址:
https://github.com/matthewhudson/device.js

ICP备案号:苏ICP备14035786号-1 苏公网安备 32050502001014号