微信h5网页点击链接跳转到默认浏览器是怎么弄的？

最新推荐文章于 2024-04-19 11:16:41 发布

vnehjio

最新推荐文章于 2024-04-19 11:16:41 发布

阅读量824

点赞数

本文链接：https://blog.youkuaiyun.com/vnehjio/article/details/91991159

版权

本文介绍了如何实现在微信中点击H5链接，使其跳转到手机默认浏览器打开页面的需求。由于微信已封闭相关接口，作者分享了一种经过改进的方法，利用微信API接口和第三方平台mindjump的免费测试接口来实现这一功能。用户需要在mindjump上获取权限并按照步骤操作。提供了一段源码供参考。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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

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

现在可以实现安卓手机的话是通过点击链接，直接跳转出微信，自动打开手机默认的浏览器。该功能是要使用到微信api接口的，下面分享一个免费的测试接口给大家。
先到mindjump开通免费测试接口权限，然后按网页步骤一步一步操作即可。

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

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