2015年7月19日 星期日

網頁自動切換手機版語法(js)

網頁判斷手機開啟時切換到手機版js語法

參考來源

現在很多網站都要有手機版的網頁了,但是以前的網頁要怎麼辦呢?? ..
因為目前有分二種形態的網站~~
有一種是同一頁網頁做縮放的動作就會因寬度去改變網站的類型…
有一種是電腦版網頁和手機版網頁是分開來的,但目前比較多是分開來的…
因為以前做的電腦版網站還是會留下來,然後在另外做一個手機版的網站…
今天就是要做一個手機版網站,然後在之前的電腦版網站加入可以判斷的語法,才能轉到手機版的網頁哦…
非常的簡單,但還是要懂基本的語法哦…
<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 的手機瀏覽網站都可以順利的轉換網址成功哦…

沒有留言:

張貼留言