轉載：手機網頁教學－自動切換電腦或手機版(PHP、ASPX)

轉載：手機網頁教學－自動切換電腦或手機版(PHP、ASPX) ... 其實這需要透過Server端的程式來作一點小判斷，就可以作到自動的切換，這邊梅干整理一下手邊的 ... 右腦想去環遊世界 跳到主文 該減肥消消肚子了 部落格全站分類：數位生活 相簿 部落格 留言 名片 Mar07Wed201209:58 轉載：手機網頁教學－自動切換電腦或手機版(PHP、ASPX) 原文網址：http://www.minwt.com/?p=2501 以下轉載原文 ------------------------------------------------------------------------------------------------------ 　　現在隨著行動上網愈來愈夯，各大入口網站也紛紛的開始製作行動裝置的網頁，雖然說新一代智慧型手機中的瀏覽器，與電腦中所用的瀏覽器幾乎相同，皆可正常的瀏覽各大網站，但由於手機的螢幕與電腦相比，差異相當的大，以至於當使用手機來瀏覽電腦網頁時，就得手指放大魯來魯去，才可找到自已所要的資訊，這對於手機瀏覽上有些不便，所以會發現到，各大網站則會專門針對手機的版面加以設計，讓版面符合手機的瀏覽模式，除此之外使用者用手機瀏覽時，網頁也會自動切換為手機版本，而要這要怎麼辦到呢？其實這需要透過Server端的程式來作一點小判斷，就可以作到自動的切換，這邊梅干整理一下手邊的資料，分別針對PHP與ASPX作介紹。

  PHP版本判斷： ViewCode PHP   123456789101112131415161718192021222324252627282930313233343536373839 $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'])orisset($_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版本判斷： ViewCode C   1234567891011 protectedvoidPage_Load(objectsender,EventArgse) { if(Request.Headers["user-agent"]!=null&&Request.Headers["user-agent"].ToLower().ToString().IndexOf("windows")!=-1) { Response.Redirect("pc.aspx");//電腦版 } else { Response.Redirect("mobile.aspx");//手機版 } } 之後上傳到網頁空間中，當用手機瀏覽時，就會自動切換到手機版的網頁，若是使用電腦時，就會自動切換為電腦的版本，經梅干測試的結果，目前在iPhone與Andriod平台皆可正常切換，由於手邊沒有WinPhone，也請各位有WinPhone的朋友幫忙測試看看囉！  [範例預覽－ASPX版本] [範例預覽－PHP版本] [範例下載] 全站熱搜 創作者介紹 yoonow 右腦想去環遊世界 yoonow發表在痞客邦留言(1)人氣() E-mail轉寄 全站分類：不設分類個人分類：手機版網頁此分類上一篇：轉載：手機網頁教學－手機版網頁檔頭宣告設定 此分類下一篇：轉載：【O專欄】用模擬器幫你寫手機網站 上一篇：轉載：手機網頁教學－手機版網頁檔頭宣告設定 下一篇：轉載：【O專欄】用模擬器幫你寫手機網站 歷史上的今天 2012:轉載：【O專欄】用模擬器幫你寫手機網站 2012:轉載：手機網頁教學－手機版網頁檔頭宣告設定 ▲top 留言列表 發表留言 月曆 « 一月2022 » 日 一 二 三 四 五 六             1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31           近期文章 最新迴響 文章分類 FaceBook(5)手機版網頁(3)SWFUpload(3)Ubuntu(0)GoogleChrome(4)Office(1)噗浪Plurk(1)Android(1)電子商務(2)日文學習(1)FCKeditor(8)CodeIgniter(1)PHP(35)HTML(5)MySql(9)Windows系統(9)Javascript(4)自訂Google工具列按鈕的XML檔(5)資訊類的好文章(4)戒煙回憶錄(1) 文章彙整 文章彙整 2012九月(4) 2012八月(2) 2012三月(3) 2012二月(4) 2012一月(1) 2011十二月(4) 2011十一月(4) 2011十月(3) 2011七月(1) 2011六月(4) 2011五月(3) 2011三月(1) 2011一月(6) 2010十一月(1) 2010七月(1) 2010四月(1) 2010二月(1) 2009十二月(1) 2009十一月(3) 2009十月(2) 2009三月(2) 2009一月(2) 2008一月(1) 2007十二月(12) 2007十一月(29) 2006十一月(6) 所有文章列表 我的連結 工作 右腦數位設計工作室 家人 魚兒的blog 朋友的部落格 哇哈哈俱樂部．．這裡是阿JOE和可樂寶貝．啤魯妹的部落格OneNet魔力小子技術部落格吳小玲騎馬比較快~架~架~wing-飛翔世界琇琇的旅遊世界臻臻有意思 技術社群&好站 酷！學園鳥哥的Linux私房菜 QRCode 回到頁首 回到主文 免費註冊 客服中心 痞客邦首頁 ©2003-2022PIXNET 關閉視窗