一、使用UA判断
UA(UserAgent)是指HTTP请求头中的一部分,用于标识客户端的一些信息,比如用户的设备类型、浏览器型号等等。因此,我们可以通过判断UA中的关键字来确定页面访问者的设备类型。下面是实现的代码:
const isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
if (isMobile) {
console.log('当前在手机端');
} else {
console.log('当前在PC端');
}
代码解析:
首先,我们使用正则表达式匹配navigator.userAgent中是否包含iPhone、iPad、iPod、Android这些关键字,如果匹配成功,则说明当前是在移动端。如果匹配失败,则说明当前是在PC端。
需要注意的是,该方法并不100%准确,因为用户可以使用PC浏览器模拟手机UA,也有可能使用移动端浏览器访问PC网站(目前pc端测试模拟手机ua,一样显示手机端,是准确的)。
二、使用示例
使用背景:
目前后台配置已最佳比例显示,pc和移动端都受影响,现在就是需要是移动端才调api,pc端的话不动。
async function test5() {
const isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
if (isMobile) {
alert('当前在手机端');
test4();
} else {
alert('当前在PC端');
}
// await jssdk.ready();
//
// const app = jssdk.Application;
//
// // 获取窗口缩放比例
// const result = await app.ActiveDocument.ActiveWindow.View.Zoom.Percentage;
// console.log(result); // 100
// alert(result);
//
// // 设置窗口缩放比例
// setTimeout(() => {
// app.ActiveDocument.ActiveWindow.View.Zoom.Percentage = 40;
// }, 3000);
}