您的位置:首页 > 移动开发 > 微信开发

微信跳转手机外部浏览器下载APP文件(IOS跳转苹果商店)是怎么实现的

2019-03-06 18:47 751 查看

国内各大巨头公司在开发浏览器的时候都在浏览器标识上加了相应的字符,

 

  1. function is_neizhi() {

  2. var ua = navigator.userAgent.toLowerCase();

  3. if (ua.match(/MicroMessenger/i) == "micromessenger") {

  4. return "weixin";

  5. } else if (ua.match(/QQ/i) == "qq") {

  6. return "QQ";

  7. } else if (ua.match(/Alipay/i) == "alipay" && payway == 2) {

  8. return "alipay";

  9. }

  10. return false;

  11. }

 

 

由此可以判断是否是App内置浏览器或者更加精细到某App内置浏览器。但是略坑的是:微信支付不管是在QQ、微信还是支付宝内置浏览器里面都不能被唤醒;支付宝支付可以在支付宝内置浏览器唤醒,其余则不能。

在外部浏览器打开是用jquery遮罩层方式写的,下面直接贴代码:

 
  1. var isNeizhi = is_neizhi(); //调用上面js判断

  2. var winHeight = typeof window.innerHeight != 'undefined' ? window.innerHeight : document.documentElement.clientHeight; //网页可视区高度

  3. var weixinTip = $('<div id="weixinTip"><p><img src="live_weixin.png" alt="微信打开"/></p></div>');

  4.  
  5. if(isNeizhi){

  6. $("body").append(weixinTip);

  7. }

  8. $("#weixinTip").css({

  9. "position": "fixed",

  10. "left": "0",

  11. "top": "0",

  12. "height": winHeight,

  13. "width": "100%",

  14. "z-index": "1000",

  15. "background-color": "rgba(0,0,0,0.8)",

  16. "filter": "alpha(opacity=80)",

  17. });

  18. $("#weixinTip p").css({

  19. "text-align": "center",

  20. "margin-top": "10%",

  21. "padding-left": "5%",

  22. "padding-right": "5%"

  23. });

  24. $("#weixinTip p img").css({

  25. "max-width": "100%",

  26. "height": "auto"

  27. });

 

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐