手機網頁教學 – 判斷是手機上網,還是電腦上網

現在很多網站都要有手機版的網頁了,但是以前的網頁要怎麼辦呢?? ..

因為目前有分二種形態的網站~~

有一種是同一頁網頁做縮放的動作就會因寬度去改變網站的類型…

有一種是電腦版網頁和手機版網頁是分開來的,但目前比較多是分開來的…

因為以前做的電腦版網站還是會留下來,然後在另外做一個手機版的網站…

今天就是要做一個手機版網站,然後在之前的電腦版網站加入可以判斷的語法,才能轉到手機版的網頁哦…

非常的簡單,但還是要懂基本的語法哦…

<script type=”text/javascript”>
function checkserAgent(){
var userAgentInfo=navigator.userAgent;
var userAgentKeywords=new Array(“Android”, “iPhone” ,”SymbianOS”, “Windows Phone”, “iPad”, “iPod”, “MQQBrowser”);
var flag=false;
if(userAgentInfo.indexOf(“Windows NT”)==-1){
flag=true;
}
return flag;
}
if(checkserAgent()){
document.location.href=”http://cynet.tw/mobile/”;
}
</script>

複製以上的語法,可以直接貼在”<head>  </head>”之間,然後把程式裡的 “http://cynet.tw/mobile/” 這一段網址,改成要轉去的頁面哦…

經過測試後,HTC、三星、IPhone 的手機瀏覽網站都可以順利的轉換網址成功哦…

阿橙

熱愛在網路上分享所學的知識,從美工設計、網頁設計、網路行銷、社群行銷、SEO、內容行銷、網路廣告行銷,不斷學習與自我成長,樂在學習。

3 則回應 “手機網頁教學 – 判斷是手機上網,還是電腦上網

  1. 請問如果說我已經有電腦版的網站且網站可以符合手機的寬度去做縮放

    如果說我想要做一個手機版的網站(內容想要簡化,並不需要原本電腦板的那個多)要怎麼做?

    1. 可以符合手機了,那就是自適應網站了,那就不是電腦版的網站了,
      我想你也是要另架一個網站,也是用判斷的方式去決定要開A網站或是B網站,

      如果說你是要用同一個後台去控制二個前台,那這就複雜了,
      我想不是一般使用者會用的了,要去另外去寫程式了。

      1. 請問,userAgentInfo.indexOf(“Windows NT”)只能for Windows NT,但是要for各家瀏覽器,這邊就會有問題了不是嗎?如果要檢核各家瀏覽器,這邊應該要怎麼做呢???

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *

驗證問答