微信链接跳转浏览器 H5实现APP下载功能实现方法

1

2

3

var ua = navigator.userAgent;

var isWeixin =  !!/MicroMessenger/i.test(ua);

1

2

3

4

5

6

7

8

9

10

11

<

a

href="http://caibaojian.com/test.apk" id="JdownApp">点击下载APP</

a

>

<

a

href="http://caibaojian.com/test.apk" id="JdownApp2" class="btn-warn">点击下载APP2</

a

>

<

div

class="wxtip" id="JweixinTip">

<

span

class="wxtip-icon"></

span

>

<

p

class="wxtip-txt">点击右上角<

br

/>选择在浏览器中打开</

p

>

</

div

>

1

2

3

4

5

.wxtip{background: rgba(0,0,0,0.8); text-align: center; position: fixed; left:0; top: 0; width: 100%; height: 100%; z-index: 998; display: none;}

.wxtip-icon{width: 52px; height: 67px; background: url(weixin-tip.png) no-repeat; display: block; position: absolute; right: 20px; top: 20px;}

.wxtip-txt{margin-top: 107px; color: #fff; font-size: 16px; line-height: 1.5;}

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

26

27

28

29

30

31

32

33

function

weixinTip(ele){

var

ua = navigator.userAgent;

var

isWeixin = !!/MicroMessenger/i.test(ua);

if

(isWeixin){

ele.onclick=

function

(e){

window.event? window.event.returnValue = 

false

: e.preventDefault();

document.getElementById(

'JweixinTip'

).style.display=

'block'

;

}

document.getElementById(

'JweixinTip'

).onclick=

function

(){

this

.style.display=

'none'

;

}

}

}

var

btn1 = document.getElementById(

'JdownApp'

);

//下载一

weixinTip(btn1);

var

btn2 = document.getElementById(

'JdownApp2'

); 

//下载二

weixinTip(btn2);