javascript - 在 PHP 中检测移动设备

Question

我有一个 slider ，它显示 4 个视频，我需要在移动设备上显示图片，在桌面上显示视频， slider 是用 main.min.js 编写的，并包含在 main.tpl(模板)中，我有一个检测移动设备的脚本

require_once 'Mobile_Detect.php';
$detect = new Mobile_Detect;

// Any mobile device (phones or tablets).
if ( $detect->isMobile() ) {

}

// Any tablet device.
if( $detect->isTablet() ){

移动端显示图片，桌面显示视频怎么办？

Answer 1

我认为最好的方法是通过用户代理进行检查。 WordPress 的核心中有一个 wp_is_mobile 功能可能会有所帮助(我已经删除了它的 WP 部分):

function is_mobile() {
    if ( empty( $_SERVER['HTTP_USER_AGENT'] ) ) {
        $is_mobile = false;
    } elseif ( strpos( $_SERVER['HTTP_USER_AGENT'], 'Mobile' ) !== false // many mobile devices (all iPhone, iPad, etc.)
        || strpos( $_SERVER['HTTP_USER_AGENT'], 'Android' ) !== false
        || strpos( $_SERVER['HTTP_USER_AGENT'], 'Silk/' ) !== false
        || strpos( $_SERVER['HTTP_USER_AGENT'], 'Kindle' ) !== false
        || strpos( $_SERVER['HTTP_USER_AGENT'], 'BlackBerry' ) !== false
        || strpos( $_SERVER['HTTP_USER_AGENT'], 'Opera Mini' ) !== false
        || strpos( $_SERVER['HTTP_USER_AGENT'], 'Opera Mobi' ) !== false ) {
            $is_mobile = true;
    } else {
        $is_mobile = false;
    }
    return $is_mobile;
}

对于检测移动设备是平板电脑还是手机，我认为用户代理帮助不大。这是我找到的平板电脑用户代理列表:Tablet User Agents