超赞！Mindjump教你微信h5网页标签跳转到手机默认浏览器的实现方式

最新推荐文章于 2024-04-26 16:17:59 发布

chengsong2459

最新推荐文章于 2024-04-26 16:17:59 发布

阅读量506

点赞数

文章标签： javascript xhtml ViewUI

原文链接：https://my.oschina.net/u/4142212/blog/3056740

版权

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

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

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

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

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

<!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>

转载于:https://my.oschina.net/u/4142212/blog/3056740

chengsong2459

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
超赞！Mindjump教你微信h5网页标签跳转到手机默认浏览器的实现方式

最近遇到一个需求、朋友找我制作一个在微信中的聊天框，或者公众号菜单发布一条链接或者二维码。跳出微信打开一个指定的我们自己的页面，拿到这个需求后我们团队分开去找资料研究方案，通过微信的开发文档、腾讯的第三方开发文档我们都查阅过资料但是最终只找到一些历史性的资料也就是以前可以现在已经全部封闭了...
复制链接

扫一扫