详谈！Mindjump如何通过代码实现微信h5页面跳转浏览器（在微信中点击链接直接跳转到手机默认浏览器）

最近遇到一个需求、朋友找我制作一个在微信中的聊天框，或者公众号菜单发布一条链接或者二维码。跳出微信打开一个指定的我们自己的页面，

拿到这个需求后我们团队分开去找资料研究方案，通过微信的开发文档、腾讯的第三方开发文档我们都查阅过资料但是最终只找到一些历史性的资料也就是以前可以现在已经全部封闭了，

在网络上找到很早之前一些前辈分享的遮挡。我们加以改进。

现在可以实现安卓手机的话是通过点击链接，直接跳转出微信。自动打开手机默认的浏览器

分享一段源码供大家参考：

<!DOCTYPE html>
<html xmlns="http://www.mindjump.cn/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>loading</title>
        <script type=text/javascript src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js"></script>
    </head>
    
    <body>
        
        
    <script type="text/javascript">
        $(function () {
            get_share();
        });
        
        function get_share(){
            var user = getQueryString('user');
            var url = getQueryString('url');
            $.ajax({
             type: "get",
             async: false,
             url: 'http://api.weixin139.com/jumpurl/index/get_url.html',
             data:{user:user,url:url},
             dataType: "jsonp",
             jsonp: "callback",
             jsonpCallback:"checkHandler",
             success: function(data){
                 window.location.href=data.url;
             },
         });
        }
        
        function getQueryString(name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
            var r = window.location.search.substr(1).match(reg);
            if (r != null) return unescape(r[2]);
            return null;
        }
 
        </script>
 
    </body>
</html>

详谈！Mindjump如何通过代码实现微信h5页面跳转浏览器（在微信中点击链接直接跳转到手机默认浏览器）

猜你喜欢