如何讓網頁自動切換電腦或手機版

目 前用手機上網的人越來越多了！總不能為了手機專門設置一個網站吧！？最好的方式是知道使用者使用何種裝置上網，自動切換到適合網頁去！其實這需要透過 Server端的程式來作一點小判斷，就可以作到自動的切換，這邊整理一下手邊的資料， 分別針對PHP與ASPX作介紹。

PHP版本判斷：

程序代碼

$mobile_browser = ‘0’;

if(preg_match(‘/(up.browser|up.link|mmp|symbian|smartphone|midp|wap|phone)/i’, strtolower($_SERVER[‘HTTP_USER_AGENT’]))) {
$mobile_browser++;
}

if((strpos(strtolower($_SERVER[‘HTTP_ACCEPT’]),’application/vnd.wap.xhtml+xml’)>0) or ((isset($_SERVER[‘HTTP_X_WAP_PROFILE’]) or isset($_SERVER[‘HTTP_PROFILE’])))) {
$mobile_browser++;
}

$mobile_ua = strtolower(substr($_SERVER[‘HTTP_USER_AGENT’],0,4));
$mobile_agents = array(
‘w3c ‘,’acs-‘,’alav’,’alca’,’amoi’,’audi’,’avan’,’benq’,’bird’,’blac’,
‘blaz’,’brew’,’cell’,’cldc’,’cmd-‘,’dang’,’doco’,’eric’,’hipt’,’inno’,
‘ipaq’,’java’,’jigs’,’kddi’,’keji’,’leno’,’lg-c’,’lg-d’,’lg-g’,’lge-‘,
‘maui’,’maxo’,’midp’,’mits’,’mmef’,’mobi’,’mot-‘,’moto’,’mwbp’,’nec-‘,
‘newt’,’noki’,’oper’,’palm’,’pana’,’pant’,’phil’,’play’,’port’,’prox’,
‘qwap’,’sage’,’sams’,’sany’,’sch-‘,’sec-‘,’send’,’seri’,’sgh-‘,’shar’,
‘sie-‘,’siem’,’smal’,’smar’,’sony’,’sph-‘,’symb’,’t-mo’,’teli’,’tim-‘,
‘tosh’,’tsm-‘,’upg1′,’upsi’,’vk-v’,’voda’,’wap-‘,’wapa’,’wapi’,’wapp’,
‘wapr’,’webc’,’winw’,’winw’,’xda’,’xda-‘,’Googlebot-Mobile’);

if(in_array($mobile_ua,$mobile_agents)) {
$mobile_browser++;
}

if (strpos(strtolower($_SERVER[‘ALL_HTTP’]),’OperaMini’)>0) {
$mobile_browser++;
}

if (strpos(strtolower($_SERVER[‘HTTP_USER_AGENT’]),’windows’)>0) {
$mobile_browser=0;
}

if($mobile_browser>0) {
header(“Location: mobile.php"); //手機版
}else {
header(“Location: pc.php");  //電腦版
}

ASPX版本判斷：

程序代碼

protected void Page_Load(object sender, EventArgs e)
{
if (Request.Headers[“user-agent"] != null && Request.Headers[“user-agent"].ToLower().ToString().IndexOf(“windows") != -1)
{
Response.Redirect(“pc.aspx"); //電腦版
}
else
{
Response.Redirect(“mobile.aspx"); //手機版
}
}

範例檔案下載…
解壓縮密碼：www.wowbox.com.tw

文章來自WOW

文章提供:: BAYSTARS DESIGN網頁設計公司