wordpress如何判斷是否為手機移動設備

wordpress如何判斷是否為手機移動設備

現在手機移動設備越來越普及,也越來越智能,使用手機瀏覽網頁已經比較流行了,所以,作為WordPress主題開發者,你必須好好考慮如何應對手機移動用戶了。
這是一段php通用的判斷移動瀏覽器的函數,原理比較簡單,就是判斷瀏覽器返回的user_agent,條件包括手機系統、品牌和窗口大小。
以wordpress為例,在主題的 functions.php內加上如下代碼,目前已包含常見移動瀏覽器的useragent,基本上可以涵蓋可能會用手機上網的用戶群了。

function?is_mobile()?{ 	$user_agent?=?$_SERVER['HTTP_USER_AGENT']; 	$mobile_browser?=?Array( 		"mqqbrowser",?//手機QQ瀏覽器 		"opera?mobi",?//手機opera 		"juc","iuc",//uc瀏覽器 		"fennec","ios","applewebKit/420","applewebkit/525","applewebkit/532","ipad","iphone","ipaq","ipod", 		"iemobile",?"windows?ce",//windows?phone 		"240x320","480x640","acer","android","anywhereyougo.com","asus","audio","blackberry","blazer","coolpad"?,"dopod",?"etouch",?"hitachi","htc","huawei",?"jbrowser",?"lenovo","lg","lg-","lge-","lge",?"mobi","moto","nokia","phone","samsung","sony","symbian","tablet","tianyu","wap","xda","xde","zte" 	); 	$is_mobile?=?false; 	foreach?($mobile_browser?as?$device)?{ 		if?(stristr($user_agent,?$device))?{ 			$is_mobile?=?true; 			break; 		} 	} 	return?$is_mobile;}

然后在主題任意模板如頂部加上如下判斷:

<?php  if (is_mobile() ): ?> 	//如何如何..(這里可以添加一個mobile.css,如<link>/mobile.css"?/&gt;) <?php  endif ;?>

還需要注意的一點:不管是單獨的WordPress主題還是自適應主題,都需要在頭部將添加下面meta,否者可能導致手機顯示字體過小等問題。

<meta>

更多wordpress相關技術文章,請訪問wordpress教程欄目進行學習!

? 版權聲明
THE END
喜歡就支持一下吧
點贊11 分享