3個方法實現JavaScript判斷移動端及pc端訪問不一樣的網站

　　3個方法比較簡單，分別在頁面頭部加入以下js代碼：

1. 對於簡單地直接從www.maslinkcom跳轉到m.maslink.com,此方法僅從首頁而言：

<script>(function () { var url = location.href; // replace www.maslink.com with your domain if ( (url.indexOf(‘www.maslink.com’) != -1) && navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i) ) {location.href = ‘http://m.maslink.com'; } })(); </script>

2.若是網站除了首頁部分，後面跟的還有，好比：www.maslink.com/list/98/，對於這樣一個url，PC就直接這樣訪問了， 對於移動端，只能須要經過m.maslink.com/list/98/才能夠呈現出比較好的效果。把http://www替換爲http://m，而後 更新頁面就能夠看到頁面在移動端上呈現的效果了。

<script> (function () { var url = location.href; // replace www.maslink.com with your domain if ( (url.indexOf(‘www.maslink.com’) != -1) && navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i) ) {var newUrl = url.replace(‘http://www’, ‘http://m’); location.href = newUrl; } })(); </script>

3.還有一種方法是在用移動設備訪問時給予提示：

<script> var userAgentInfo = navigator.userAgent; var Agents = new Array(「Android」, 「iPhone」, 「SymbianOS」, 「Windows Phone」, 「iPad」, 「iPod」); var flag = false; var v=0 for ( v = 0; v < Agents.length; v++) { if (userAgentInfo.indexOf(Agents[v]) > 0) { flag = true; break; } } if(flag){ window.location.href=」http://m.maslink.com」 alert(Agents[v]);// 設備類型 } else { // pc } </script>

以上三種方法都是我在試驗中驗證了的，操做簡單，效果明顯，但願讀者能用得上