A-A+

微信 URL 不支持跳转 App Store

2016年04月27日 JavaScript 暂无评论 阅读 385 次

方法一:走腾讯应用的链接,自动跳转至appstore

方法二:右上角a走safari打开

经过讨论之后,我们发现微信内置浏览器右上角的跳转按钮“在 Safari 中打开”可以间接的跳转 App Store ,所以最终我们的解决方案是如果是 iOS 的微信内置浏览器,点击按钮后,用弹出提示的方法来取代直接跳转。

效果如下图所示:

preview

前端实现

index.html

<div id='popweixin'> <div class='tip top2bottom animate-delay-1'> <img src='/static/img/wechat_appstore_popup.jpg'/> </div> </div>

app.css

#popweixin { width:100%; height:100%; overflow:hidden; position:fixed; z-index:1000; background:rgba(0,0,0,.5);
top:0; left:0; display:none; }
#popweixin .tip { width:100%; background:#fff; z-index:1001; }
.top2bottom { -webkit-animation:top2bottom 1.2s ease; -moz-animation:top2bottom 1.2s ease; -o-animation:top2bottom 1.2s ease; animation:top2bottom 1.2s ease; -webkit-animation-fill-mode:backwards; -moz-animation-fill-mode:backwards; -o-animation-fill-mode:backwards; animation-fill-mode:backwards }
.animate-delay-1 { -webkit-animation-delay:1s; -moz-animation-delay:1s; -o-animation-delay:1s; animation-delay:1s }
@-webkit-keyframes top2bottom { 0% { -webkit-transform:translateY(-300px); opacity:.6 } 100% { -webkit-transform:translateY(0px); opacity:1 } }
@keyframes top2bottom { 0% { transform:translateY(-300px); opacity:.6 } 100% { transform:translateY(0px); opacity:1 }

app.js

function a(){ var ua = navigator.userAgent.toLowerCase(); if (/iphone|ipod/.test(ua)) { if(/micromessenger/.test(ua)){ document.getElementById("popweixin").style.display = "block"; } } }
方法三:微应用(未研究)
http://blog.csdn.net/a416863220/article/details/46117053
标签:

给我留言

Copyright © web前端技术开发个人博客 保留所有权利  京ICP备14060653号 Theme  Ality

用户登录