今天臨時接到一通電話,客戶的官方網站使用手機瀏覽時突然無法跳轉到手機版網頁,情急之下在五分鐘內拼出了Java Script 跳轉語法,加入在網頁內並成功讓手機用戶跳轉成功。
我想對於一般中小型企業來說,應該也是夠用的。
▼ 一般用法:簡單判斷使用者的如果是使用 Android 或 iPhone 或 IPad 瀏覽,自動跳轉到指定的手機版網頁
語法結構:
1
2
3
4
5 |
<script type= "text/javascript" > if (navigator.userAgent.match(/Android|iPhone|iPad/i)) { window.location = ‘手機版網址‘ ; } </script> |
進階用法:解決進入手機版,在點回首頁時,又被系統轉回手機版的情況。(2013/11/04 更新)
語法結構:
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 |
<script language=JavaScript> var
url = location.search; var
rid; if (url.indexOf( "?" ) == -1) { //電腦版網址後方沒有參數,就自動進入手機版判斷程式 if (navigator.userAgent.match(/Android|iPhone|iPad/i)) { window.location = ‘手機版網址‘ ; } } if (url.indexOf( "?" ) != -1) { //電腦版網址後方有參數 var
str = url.substr(1); rid = str.split( "=" )[1]; if
(rid != "web"
){ //且第一個參數不是web,就自動進入手機般判斷程式 if (navigator.userAgent.match(/Android|iPhone|iPad/i)) { window.location = ‘手機版網址‘ ; } } } </script> |
http://www.saraliang.com/archives/706
http://siteapp.baidu.com/static/webappservice/uaredirect.js
原文:http://www.cnblogs.com/coolid/p/3656650.html