网站介绍
Cheerwin是一个基于JavaScript的网站,主要用于判断访问设备的类型,以便在后续的开发中针对不同设备调用相应的代码。通过分析navigator.userAgent
字符串,可以识别出用户所使用的设备类型,包括手机、平板、PC等。
功能概述
- 设备检测:使用正则表达式匹配
navigator.userAgent
字符串,根据其中的关键字判断设备类型。 - 设备分类:如果设备为移动端,则将
dev
变量设置为"mobile"
,并为HTML元素添加对应的类名;否则,将dev
变量设置为"pc"
,并为HTML元素添加对应的类名。 - 设备宽度和高度:获取当前页面窗口的宽度和高度,保存在变量
dw
和dh
中供后续使用。
相关代码
// 判断访问设备,方便后面针对不同设备调用代码
var dev = "";
if ((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))) {
// 设备为移动端
dev = "mobile";
$("html").addClass("mobile");
} else {
// 设备为PC
dev = "pc";
$("html").addClass("pc");
}
// 定义设备宽度和高度
var dw = $(window).width(), dh = $(window).height();
以上代码用于初始化变量和添加类名,可以根据需要进一步扩展功能。