方法一：通过用户代理（User Agent）检测
通过解析navigator.userAgent字符串，可以识别设备类型。例如：
const isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
优点：实现简单；缺点：用户代理可能被篡改，且无法区分平板设备。
方法二：使用屏幕分辨率判断
通过window.innerWidth结合媒体查询判断：
const isMobile = window.matchMedia("(max-width: 768px)").matches;
建议与设备方向监听结合使用以提高准确性。
方法三：监听设备方向变化
通过window.ondeviceorientation事件检测设备传感器：
if (window.DeviceOrientationEvent) {
window.addEventListener("deviceorientation", handleOrientation);
仅适用于支持传感器API的移动设备。
方法四：结合触摸事件检测
通过检测ontouchstart属性判断触屏设备：
const isTouchDevice = 'ontouchstart' in window || navigator.maxTouchPoints > 0;
注意：部分笔记本设备也支持触摸事件。
方法五：利用现代API（如Device API）
使用navigator.platform或navigator.maxTouchPoints：
const isMobile = navigator.maxTouchPoints > 1 && /MacIntel|Win32/i.test(navigator.platform) === false;
推荐组合多种方法实现精准检测，例如同时验证用户代理和屏幕分辨率。对于复杂场景，可使用第三方库如mobile-detect.js或react-device-detect。
内容仅供参考，具体资费以办理页面为准。其原创性以及文中表达的观点和判断不代表本网站。如有问题，请联系客服处理。
本文由神卡网发布。发布者：编辑员。禁止采集与转载行为，违者必究。出处：https://www.9m8m.com/1091332.html
