深入了解瀏覽器UA

一、UA的定義

User Agent（UA），用戶代理，是指發起請求的客戶端，通常是瀏覽器。它包含了瀏覽器的名稱、版本號、操作系統、甚至硬體信息等，能夠告訴伺服器請求的來源和特徵。一份UA通常由短句子構成，字元串形式的UA經常在HTTP請求的頭部被發送給伺服器。

常用的瀏覽器UA可以在Mozilla官方文檔找到：

Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/58.0.3029.110 Safari/537.36 Edge/16.16299

這個字元串可以表示請求來自Windows 10操作系統，使用Chrome 58.0.3029.110瀏覽器，同時也包含了Safari和Edge的信息。

二、為什麼需要UA？

瀏覽器UA可以告訴伺服器發起請求的客戶端的特徵。這對於伺服器響應的處理和適配非常重要，如返回適合瀏覽器的HTML、CSS和JavaScript，選擇合適的圖片和視頻格式以優化用戶體驗。不同用戶代理的特徵也可以用來進行數據分析或用戶畫像。比如某個用戶代理的瀏覽器版本較低，就可以針對低版本瀏覽器進行頁面兼容處理和錯誤提示。

三、UA的構成

User Agent通常由三部分組成：

應用程序名稱和版本號（以及關聯的操作系統名稱和版本號）
開發者信息，如Webkit或Gecko引擎
額外的描述信息，如媒體類型或瀏覽器功能

以下是常見UA使用場景和解讀方式：

1. Chrome瀏覽器的UA：

Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36

其中：

Windows NT 10.0; WOW64：操作系統為Windows10
AppleWebKit/537.36：使用WebKit引擎
KHTML, like Gecko：兼容KHTML，實際使用的還是Gecko引擎
Chrome/91.0.4472.124：使用Chrome 91.0.4472.124瀏覽器

2. Safari瀏覽器的UA：

Mozilla/5.0 (Macintosh; Intel Mac OS X x.y.z) AppleWebKit/534.57.2 (KHTML, like Gecko) Version/5.1.7 Safari/534.57.2

其中：

Macintosh; Intel Mac OS X x.y.z：操作系統為MacOS X
AppleWebKit/534.57.2：使用WebKit引擎
KHTML, like Gecko：兼容KHTML，實際使用的還是Gecko引擎
Version/5.1.7：Safari版本號為5.1.7

3. iPhone的UA：

Mozilla/5.0 (iPhone; CPU iPhone OS 10_3_4 like Mac OS X) AppleWebKit/603.3.8 (KHTML, like Gecko) Version/10.0 Mobile/14G61 Safari/602.1

其中：

iPhone; CPU iPhone OS 10_3_4 like Mac OS X：操作系統為iOS 10.3.4
AppleWebKit/603.3.8：使用WebKit引擎
KHTML, like Gecko：兼容KHTML，實際使用的還是Gecko引擎
Version/10.0 Mobile/14G61：Safari版本號為10.0

四、UA的檢測和處理

通常來說，通過檢測UA字元串可以實現一些特殊的處理。如對於移動設備可以返回相應的移動端頁面或響應式網頁；對於IE瀏覽器可以提示升級到最新版本或提醒用戶更換瀏覽器；對於爬蟲或惡意攻擊可以進行攔截等。

1. JavaScript中的UA檢測：

// 判斷iPhone設備
if (/iPhone/.test(navigator.userAgent)) {
  console.log('This is iPhone');
}
// 判斷是否iOS
if (/iPhone|iPad|iPod/i.test(navigator.userAgent)) {
  console.log('This is iOS');
}
// 判斷IE瀏覽器
if (!!window.ActiveXObject || 'ActiveXObject' in window) {
  console.log('This is IE browser');
}

2. PHP中的UA檢測：

$ua = $_SERVER['HTTP_USER_AGENT'];
if (strpos($ua, 'iPhone') !== false) {
  echo 'This is iPhone';
}
if (preg_match('/iPhone|iPad|iPod/i', $ua)) {
  echo 'This is iOS';
}
if (strpos($ua, 'MSIE') !== false || strpos($ua, 'Trident') !== false) {
  echo 'This is IE browser';
}

3. HTTP頭部中的UA檢測：

if (strpos($_SERVER['HTTP_USER_AGENT'], 'iPhone') !== false) {
  header('Location: /mobile');
  exit();
}

五、結語

瀏覽器UA不僅可以顯示瀏覽器和操作系統的信息，也可以作為探測代理、欺騙伺服器和跟蹤用戶行為的工具。因此，一些瀏覽器會隱瞞真實的UA或在請求中添加冗餘信息來保護用戶隱私。要了解瀏覽器UA的全部細節，建議開發者自己實踐和探索。

原創文章，作者：小藍，如若轉載，請註明出處：https://www.506064.com/zh-tw/n/184352.html