广东省肝脏病学会官网

广东省肝脏病学会官网致力于为广大肝病患者提供最新的医疗资讯、诊疗指南和在线咨询服务。通过我们的平台，您可以随时了解肝脏病的最新进展、掌握最新的治疗方法和技术、与专家进行交流和咨询，从而更好地保障您的健康。

访问设备判断

为了方便后续针对不同设备调用代码，我们首先判断用户的访问设备类型。通过检查navigator.userAgent中的关键字，我们可以得知用户使用的是移动端还是PC端。如果是移动端设备(如手机、平板等),则将<html>元素添加mobile类；否则，将<html>元素添加pc类。

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");
}

在后续的开发中，我们可以根据$("html").hasClass("mobile")和$("html").hasClass("pc")来分别针对移动端和PC端进行样式调整和功能开发。

设备宽度和高度定义

我们需要获取当前设备的宽度和高度。这里使用jQuery的.width()和.height()方法来实现。通过这些值，我们可以对页面进行相应的适配和布局调整，以提高用户体验。

var dw = $(window).width(), dh = $(window).height();
console.log("当前使用设备为：" + dev + "||设备宽度为：" + dw + "||设备高度为：" + dh);

以上代码会打印出当前使用的设备类型以及设备的宽度和高度信息，便于调试和优化页面设计。