如何使用get_client_version檢測客戶端瀏覽器版本

gitbox 2025-05-06

在PHP中，檢測客戶端瀏覽器版本是一個常見的需求。尤其是對於需要對不同瀏覽器版本提供不同功能或樣式的Web應用程序，版本控制是非常重要的。我們可以通過獲取客戶端的User-Agent字符串來實現這一功能。本文將通過自定義的get_client_version函數來檢測客戶端瀏覽器版本，並基於版本信息進行適當的控制。

1. 獲取客戶端瀏覽器的User-Agent

每次客戶端請求時，瀏覽器會發送一個名為User-Agent的HTTP 頭信息，這個信息包含了瀏覽器的類型、版本、操作系統等信息。 PHP 提供了$_SERVER['HTTP_USER_AGENT']來獲取該信息。

我們首先定義一個函數來提取瀏覽器類型和版本。

 function get_client_version() {
    // 獲取 User-Agent 字符串
    $userAgent = $_SERVER['HTTP_USER_AGENT'];

    // 瀏覽器版本
    $browserVersion = '';
    // 檢測不同的瀏覽器
    if (preg_match('/MSIE (.*?);/', $userAgent, $matches)) {
        $browserVersion = "Internet Explorer: " . $matches[1];
    } elseif (preg_match('/Trident\/.*rv:(.*?)\)/', $userAgent, $matches)) {
        $browserVersion = "Internet Explorer: " . $matches[1];
    } elseif (preg_match('/Chrome\/(.*?) /', $userAgent, $matches)) {
        $browserVersion = "Chrome: " . $matches[1];
    } elseif (preg_match('/Firefox\/(.*?) /', $userAgent, $matches)) {
        $browserVersion = "Firefox: " . $matches[1];
    } elseif (preg_match('/Safari\/(.*?) /', $userAgent, $matches)) {
        $browserVersion = "Safari: " . $matches[1];
    } elseif (preg_match('/Edge\/(.*?) /', $userAgent, $matches)) {
        $browserVersion = "Edge: " . $matches[1];
    } else {
        $browserVersion = "Unknown Browser";
    }

    return $browserVersion;
}

在上述代碼中，我們使用了正則表達式來提取User-Agent字符串中的瀏覽器類型和版本信息。不同的瀏覽器有不同的標識符，例如Chrome 的版本號通常位於Chrome/後面，而Internet Explorer 則使用MSIE或Trident 。

2. 進行版本控制

一旦我們提取到瀏覽器的版本信息，接下來就可以根據版本進行不同的控制。假設我們要對某些老版本的瀏覽器做一些兼容性處理，或是為新版瀏覽器啟用一些高級功能，我們可以通過版本信息來進行分支控制。

例如，我們可以對Chrome 版本進行檢查，並根據版本提供不同的功能：

 function version_control() {
    $browserVersion = get_client_version();
    
    // 獲取瀏覽器名称和版本号
    preg_match('/([a-zA-Z]+): (\d+\.\d+)/', $browserVersion, $matches);
    
    $browserName = $matches[1] ?? 'Unknown';
    $version = $matches[2] ?? '0';

    // 對 Chrome 進行版本控制
    if ($browserName == 'Chrome') {
        if (floatval($version) < 90) {
            echo "您的 Chrome 瀏覽器版本过低，请升级以獲取更好的体验。";
        } else {
            echo "您的 Chrome 瀏覽器版本支持最新功能！";
        }
    } elseif ($browserName == 'Firefox') {
        // 對 Firefox 進行類似的版本控制
        if (floatval($version) < 80) {
            echo "您的 Firefox 瀏覽器版本过低，请升级以獲取更好的体验。";
        } else {
            echo "您的 Firefox 瀏覽器版本支持最新功能！";
        }
    } else {
        echo "檢測到您使用的是 $browserName 瀏覽器，版本: $version。";
    }
}

在這個version_control函數中，我們首先調用get_client_version獲取瀏覽器的版本信息。接著，我們根據瀏覽器的名字和版本進行不同的邏輯處理，例如，如果Chrome 的版本低於90，則提醒用戶升級瀏覽器。

3. 完整的示例代碼

綜合前面的代碼，我們得到了一個完整的示例，可以在PHP 頁面中使用：

 <?php
function get_client_version() {
    $userAgent = $_SERVER['HTTP_USER_AGENT'];
    $browserVersion = '';
    
    if (preg_match('/MSIE (.*?);/', $userAgent, $matches)) {
        $browserVersion = "Internet Explorer: " . $matches[1];
    } elseif (preg_match('/Trident\/.*rv:(.*?)\)/', $userAgent, $matches)) {
        $browserVersion = "Internet Explorer: " . $matches[1];
    } elseif (preg_match('/Chrome\/(.*?) /', $userAgent, $matches)) {
        $browserVersion = "Chrome: " . $matches[1];
    } elseif (preg_match('/Firefox\/(.*?) /', $userAgent, $matches)) {
        $browserVersion = "Firefox: " . $matches[1];
    } elseif (preg_match('/Safari\/(.*?) /', $userAgent, $matches)) {
        $browserVersion = "Safari: " . $matches[1];
    } elseif (preg_match('/Edge\/(.*?) /', $userAgent, $matches)) {
        $browserVersion = "Edge: " . $matches[1];
    } else {
        $browserVersion = "Unknown Browser";
    }

    return $browserVersion;
}

function version_control() {
    $browserVersion = get_client_version();
    preg_match('/([a-zA-Z]+): (\d+\.\d+)/', $browserVersion, $matches);
    
    $browserName = $matches[1] ?? 'Unknown';
    $version = $matches[2] ?? '0';

    if ($browserName == 'Chrome') {
        if (floatval($version) < 90) {
            echo "您的 Chrome 瀏覽器版本过低，请升级以獲取更好的体验。";
        } else {
            echo "您的 Chrome 瀏覽器版本支持最新功能！";
        }
    } elseif ($browserName == 'Firefox') {
        if (floatval($version) < 80) {
            echo "您的 Firefox 瀏覽器版本过低，请升级以獲取更好的体验。";
        } else {
            echo "您的 Firefox 瀏覽器版本支持最新功能！";
        }
    } else {
        echo "檢測到您使用的是 $browserName 瀏覽器，版本: $version。";
    }
}

// 調用版本控制
version_control();
?>

以上代碼可以幫助你根據不同的瀏覽器版本提供不同的用戶體驗或提醒。你可以根據自己的需求進一步擴展，比如增加更多瀏覽器的支持，或是在某些版本下啟用特定的前端功能。

get_client_version