當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

iOS 7 新版微信 URL 不支持跳转 App Store 的解决方案

發(fā)布時間：2025/5/22 编程问答 21 豆豆

生活随笔收集整理的這篇文章主要介紹了 iOS 7 新版微信 URL 不支持跳转 App Store 的解决方案小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

今天早上剛到公司，就收到反饋說公司前端頁面的下載按鈕在 iOS 7 的微信內(nèi)置瀏覽器里面點擊無效，經(jīng)過確認之后，前端代碼是正常的，問題出在了微信上，然后谷歌之，原來騰訊在***。

是 BUG 還是刻意為之？

最新版微信在所有開放的 webview（網(wǎng)頁界面）里禁止了通過鏈接打開本地 app 或跳轉(zhuǎn)到 app store，只有自家使用的 webview 能夠打開 app 或跳轉(zhuǎn) app store。而且這種做法不像是 bug 所致，而是刻意為之。

可能的用意：微信是一個重要的互聯(lián)網(wǎng)入口和應用入口，但是微信為了自家利益，需要控制入口和流量，進而加強對公共帳號和第三方應用的控制，打擊競爭對手

該怎么辦呢？

經(jīng)過討論之后，我們發(fā)現(xiàn)微信內(nèi)置瀏覽器右上角的跳轉(zhuǎn)按鈕“在 Safari 中打開”可以間接的跳轉(zhuǎn) App Store ，所以最終我們的解決方案是如果是 iOS 的微信內(nèi)置瀏覽器，點擊按鈕后，用彈出提示的方法來取代直接跳轉(zhuǎn)。

效果如下圖所示：

前端實現(xiàn)

index.html

1 2 3 4 5

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

app.css

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 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50

 #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

1 2 3 4 5 6 7 8

 function a(){
    var ua = navigator.userAgent.toLowerCase();
    if (/iphone|ipod/.test(ua)) {
        if(/micromessenger/.test(ua)){
             document.getElementById("popweixin").style.display = "block";
        }
    }
}
 

轉(zhuǎn)載于:https://www.cnblogs.com/zhwl/p/3605369.html

《新程序員》：云原生和全面數(shù)字化實踐50位技術專家共同創(chuàng)作，文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的iOS 7 新版微信 URL 不支持跳转 App Store 的解决方案的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。