网站介绍

Cheerwin是一个基于JavaScript的网站,主要用于判断访问设备的类型,以便在后续的开发中针对不同设备调用相应的代码。通过分析navigator.userAgent字符串,可以识别出用户所使用的设备类型,包括手机、平板、PC等。

功能概述

  1. 设备检测:使用正则表达式匹配navigator.userAgent字符串,根据其中的关键字判断设备类型。
  2. 设备分类:如果设备为移动端,则将dev变量设置为"mobile",并为HTML元素添加对应的类名;否则,将dev变量设置为"pc",并为HTML元素添加对应的类名。
  3. 设备宽度和高度:获取当前页面窗口的宽度和高度,保存在变量dwdh中供后续使用。

相关代码

// 判断访问设备,方便后面针对不同设备调用代码
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();

以上代码用于初始化变量和添加类名,可以根据需要进一步扩展功能。