求判断Android或iOS设备的PHP函数及简易if/else实现方案

嘿，这个需求我太有发言权了！做响应式网站适配的时候经常要搞设备检测，给你分享几个超级简单的if/else实现方案，直接通过浏览器的用户代理（user agent）就能搞定，上手毫无压力～

基础JavaScript检测函数 #

最直接的方式就是读取navigator.userAgent属性，通过匹配关键字来区分设备类型。这里有个封装好的简洁实现：

function getDeviceType() {
    const userAgent = navigator.userAgent.toLowerCase();
    // 匹配iOS设备的关键字：iphone/ipad/ipod
    if (/iphone|ipad|ipod/.test(userAgent)) {
        return 'iOS';
    } 
    // 匹配Android设备的关键字
    else if (/android/.test(userAgent)) {
        return 'Android';
    } 
    // 非移动端或其他设备
    else {
        return 'Other';
    }
}

// 调用示例
const deviceType = getDeviceType();
if (deviceType === 'iOS') {
    console.log('加载iOS专属的网站内容/样式');
    // 这里写你的iOS适配逻辑，比如调整按钮样式、加载特定组件
} else if (deviceType === 'Android') {
    console.log('加载Android专属的网站内容/样式');
    // 这里写你的Android适配逻辑
} else {
    console.log('展示通用版网站内容');
}

几个实用细节说明 #

• 为什么要转小写？因为不同浏览器的user agent格式可能有大小写差异（比如有的是Android有的是android），转成小写后匹配更稳定。
• 要不要区分手机和平板？上面的正则已经包含了ipad，如果你的场景需要单独区分，可以拆分判断，但大多数通用适配场景下，这样的判断已经足够。
• 生产环境要不要更严谨？如果是对稳定性要求极高的场景，可以结合navigator.platform一起判断，但对于绝大多数需求来说，上面的简单实现完全够用，没必要过度复杂化。

更轻量化的直接判断写法 #

如果不需要封装成函数，直接写if/else也很方便，还能配合CSS做样式适配：

// 直接判断设备类型
const isiOS = /iphone|ipad|ipod/.test(navigator.userAgent.toLowerCase());
const isAndroid = /android/.test(navigator.userAgent.toLowerCase());

// 执行适配逻辑
if (isiOS) {
    document.body.classList.add('ios-device');
    // 这里写iOS专属的交互逻辑
} else if (isAndroid) {
    document.body.classList.add('android-device');
    // 这里写Android专属的交互逻辑
}

配合CSS的话，就能轻松实现样式适配：

.ios-device .action-btn {
    /* iOS专属按钮样式，比如圆角、颜色 */
    border-radius: 16px;
    background-color: #007aff;
}

.android-device .action-btn {
    /* Android专属按钮样式 */
    border-radius: 8px;
    background-color: #2196f3;
}

这样不管是逻辑交互还是样式展示，都能轻松区分设备啦！

内容的提问来源于stack exchange，提问作者mobilcheckneeded