現在行動裝置大熱的年代,可能我們在做web前端開發的時候常常會需要用到對行動裝置的頁面配對。當然我們可以用響應式頁面設計來處理前端的配對問題,但響應式頁面只是不顯示某些程式碼,但還是會載入到使用者的行動裝置中。
為了更好的照顧到用戶手機瀏覽的體驗,減少不必要的載入。我們可以再透過PHP的方式來減少使用者的程式碼載入,提高使用者瀏覽頁面時的體驗。
由於現在行動裝置的種類繁多、而且瀏覽器五花八門,所以光是透過UA來判斷已經不能完全解決問題了。
下面分享一個PHP現成的方法用於PHP做移動設備的判斷
<?php function isMobile() { // 如果有HTTP_X_WAP_PROFILE则一定是移动设备 if (isset ($_SERVER['HTTP_X_WAP_PROFILE'])) { return true; } // 如果via信息含有wap则一定是移动设备,部分服务商会屏蔽该信息 if (isset ($_SERVER['HTTP_VIA'])) { // 找不到为flase,否则为true return stristr($_SERVER['HTTP_VIA'], "wap") ? true : false; } // 脑残法,判断手机发送的客户端标志,兼容性有待提高 if (isset ($_SERVER['HTTP_USER_AGENT'])) { $clientkeywords = array ('nokia', 'sony', 'ericsson', 'mot', 'samsung', 'htc', 'sgh', 'lg', 'sharp', 'sie-', 'philips', 'panasonic', 'alcatel', 'lenovo', 'iphone', 'ipod', 'blackberry', 'meizu', 'android', 'netfront', 'symbian', 'ucweb', 'windowsce', 'palm', 'operamini', 'operamobi', 'openwave', 'nexusone', 'cldc', 'midp', 'wap', 'mobile' ); // 从HTTP_USER_AGENT中查找手机浏览器的关键字 if (preg_match("/(" . implode('|', $clientkeywords) . ")/i", strtolower($_SERVER['HTTP_USER_AGENT']))) { return true; } } // 协议法,因为有可能不准确,放到最后判断 if (isset ($_SERVER['HTTP_ACCEPT'])) { // 如果只支持wml并且不支持html那一定是移动设备 // 如果支持wml和html但是wml在html之前则是移动设备 if ((strpos($_SERVER['HTTP_ACCEPT'], 'vnd.wap.wml') !== false) && (strpos($_SERVER['HTTP_ACCEPT'], 'text/html') === false ||(strpos($_SERVER['HTTP_ACCEPT'], 'vnd.wap.wml') < strpos($_SERVER['HTTP_ACCEPT'], 'text/html')))) { return true; } } return false; } ?>
目前這個方法可以用於大多數的移動設備判斷,使用時也可以根據需要自行添加一些UA的判斷參數
當然,如果使用wp架構的話,裡面整合了個這個函數。
if(wp_is_moblile()){
echo '你正在使用行動裝置瀏覽';
}else{
echo '你目前使用的不是行動裝置';
}