這個功能其實主要針對下載功能來說的,
安卓下載地址肯定和ios下載地址不一樣,
如何在不同設備訪問下載地址時就能根據用戶的設備進行相應的跳轉。
同時,微信訪問的地址如果是下載地址的話,微信本身是會屏蔽跳轉的。
需要識別微信,並給出提示用其他浏覽器打開此網址。
代碼很簡單。完整代碼如下:
1
2
3
4
5
6
11 <script>
12 function detectOS() {
13 var osUserAgent = navigator.userAgent.toLowerCase();
14 if (osUserAgent.indexOf("iphone") > -1 || osUserAgent.indexOf("ipad") > -1 || osUserAgent.indexOf("ipod") > -1) {
15 if (osUserAgent.indexOf("micromessenger") > -1) {
16 return "wechat";
17 }
18 //alert("注意:只限越獄用戶可安裝");
19 top.location.href = 'http://www.apple.com/';
20 return "iphone";
21 }
22 if (osUserAgent.indexOf("android") > -1 || osUserAgent.indexOf("adr") > -1) {
23 if (osUserAgent.indexOf("micromessenger") > -1) {
24 return "wechat";
25 }
26 top.location.href = 'http://www.baidu.com';
27 return "android";
28 }
29 if (osUserAgent.indexOf("win") > -1) {
30 top.location.href = 'http://www.baidu.com';
31 return "windows";
32 }
33 return osUserAgent;
34 }
35 detectOS();
36 </script>383940
4142
三個if語句實現查詢:ios、Android、還是win(pc) ,
在 ios和Android的語句中加入了
if (osUserAgent.indexOf("micromessenger") > -1) {
return "wechat";
}
驗證是否是在微信中打開的,如果不需要此功能可以刪去。
top.location.href = 'http://www.apple.com/';即為相應設備的跳轉地址。
最後 body裡面有一張圖片,當為微信訪問時,顯示此圖片,圖片內容為提示用其他浏覽器打開。