当前位置:主页 > JavsScript库 > 其它 >

Device.js 检测设备/浏览器/窗口信息 - Device.js
栏目分类:其它   发布日期:2021-08-11   浏览次数:

Device.js 是一个 JavaScript 库,用于使用纯 JavaScript 检测设备、窗口和浏览器信息。

设备类型:

  • isMobile

  • isTablet

  • isDesktop

窗口尺寸:

  • 解决

  • 屏幕窗口

  • 内部窗口

  • 外窗口

  • 客户端窗口

  • 有效窗口

  • 窗口高度

  • 窗口宽度

地址栏:

  • 宽度

  • 高度

滚动条:

  • 宽度

屏幕尺寸:

  • 宽度

  • 高度

  • 对角线

屏幕方向:

  • 角度

  • 类型

各种各样的:

  • 像素比

  • 是安全连接

  • 是全屏

如何使用它:

1. 将 Device.js JavaScript 库导入到文档中。

<script defer src="Device.min.js"></script>

2. API 方法和属性。

// 检查是否是浏览器
// 返回真或假
Device.isMobile

// 检查是否是平板电脑
// 返回真或假
Device.isTablet

// 检查是否是桌面
// 返回真或假
Device.isDesktop

// 检查连接是否安全(SSL)
// 返回真或假
Device.isSafeConnection

// 检查是否为全屏模式
// 返回真或假 
Device.isFullScreen

// 检查是否为横向
// 返回真或假 
Device.isLandscape

// 检查是否是人像
// 返回真或假 
Device.isPortrait 

// 检查是否是触摸屏
// 返回真或假 
Device.isTouchScreen

// 返回:{ 角度:0o,类型:'landscape-primary' }
Device.orientation

// 地址栏大小 { 宽度, 高度 }
Device.addressBar

// 返回形式为 { X: { width, height, position, maxPosition }, Y:{ width, height, position, maxPosition } } 的对象,所有这些都以像素为单位
Device.scrollBar

// 浏览器像素比例
Device.pixelRatio

// 设备屏幕的真实分辨率
// 返回:{ 宽度,高度 }
Device.resolution

// 返回:{ 宽度,高度 }
Device.screenViewport

// 返回:{ 宽度,高度 }
Device.innerViewport

// 返回:{ 宽度,高度 }
Device.outerViewport

// 返回:{ 宽度,高度 }
Device.clientViewport 

// 返回:{ 宽度,高度 }
Device.availViewport

// 内部视口的高度
Device.vh

// 内部视口的宽度
Device.vW

// 设备拥有的工作数量
Device.workers

// 接触点数
Device.touchPoints

// 返回操作系统的名称和版本
Device.OS

// 返回浏览器的名称和版本
Device.browser

// 返回 CPU 名称
Device.CPU

变更日志:

08/09/2021

  • 适用于 IE 和 iOS 的精确定位 Polyfill

v1.2.0 (07/28/2021)

  • 添加:isTouchScreen、touchPoints、CPU、OS、浏览器

  • 已删除:屏幕尺寸

v1.1.0 (05/05/2021)

  • 删除:openFullScreen()、closeFullScreen()、fullScreen() 和 aspectRatio

官方网站:https://github.com/matthewhudson/device.js

相关热词: Device.js

相关下载
声源:本站内容均来自互联网,仅供交流学习之用,请勿作商业用途,所有资源版权归原作者所有。如果有侵犯到您的权益,请联系本站删除,谢谢合作!
jQuery库 JavsScript库 Html5库 CSS3库