【分享】在线解析微信h5网页标签跳转到手机默认浏览器的实现方式

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

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

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

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

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

<!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://www.cnblogs.com/klliy/p/10963349.html

【分享】在线解析微信h5网页标签跳转到手机默认浏览器的实现方式相关推荐

微信H5网页链接如何自定义分享标题，简介和图片
微信H5网页链接怎么才能自定义分享标题,简介和图片? 需求概述微信中可以直接转发网页链接,用户在微信内置浏览器中打开后可以通过微信浏览器中右上角进行分享到朋友,朋友圈,QQ等.但直接这样分享的话,用 ...
微信html5 支付接口,黄聪：详解申请微信h5支付方法，开通微信h5网页支付接口（转）...
现在大街小巷的商家都在使用微信支付, 但是一些商家使用的是个人微信收款, 这个虽然很便利, 但是如果你想要数据统计汇总, 让客户在网络上在线付款, 就需要用到微信的h5支付. 微信h5支付今天子恒老 ...
php制作普通网站流程图,分享在线制作流程图的网页
原标题:分享在线制作流程图的网页很多开始学习摸索制作流程图的小伙伴,觉得下载的很多软件都不太好用,希望通过别人的推荐,选择一款不错的在线软件,能够满足自己日常制作流程图的需求.那么在线制作流程图的网 ...
微信H5网页调用扫一扫功能（vue）中遇到的问题
微信H5网页使用扫一扫时遇到的问题首次进入界面调用失败首次进入界面调用失败问题:进入页面,点击扫一扫按钮调用微信扫一扫功能失效,但是刷新当前页调用就正常了解决方法: // 使用扫一扫按钮的页面 ...
Android 11 微信友盟分享报错分享异常 Android 11及以上系统的手机需要使用FileProvider方式分享
微信分享朋友圈报错分享异常 Android 11及以上系统的手机需要使用FileProvider方式分享项目集成了友盟的分享,在Android 11系统手机上,微信分享朋友圈失败: 集成时以按文档 ...
挂代理无法访问网页了怎么办_微信H5网页授权
1 第一步:用户同意授权,获取code2 第二步:通过code换取网页授权access_token3 第三步:拉取用户信息(需scope为 snsapi_userinfo)SpringBoot:2.1 ...
详解申请微信h5支付方法，开通微信h5网页支付接口（转）
现在大街小巷的商家都在使用微信支付, 但是一些商家使用的是个人微信收款, 这个虽然很便利, 但是如果你想要数据统计汇总, 让客户在网络上在线付款, 就需要用到微信的h5支付. 微信h5支付今天子恒老 ...
微信h5网页点击链接跳转到默认浏览器是怎么弄的？gdtool一键实现该方案
前言现如今微信对第三方推广链接的审核是越来越严格了,域名在微信中分享转发经常会被拦截,一旦被拦截用户就只能复制链接手动打开浏览器粘贴才能访问,要不然就是换个域名再推,周而复始.无论是哪一种情况都会面 ...
在微信H5网页中获取用户基本信息
在微信中访问一些HTML5网页时,我们常看到是否允许访问用户公开信息的提示.如果用户点击"允许",网页就可以获取到用户的头像以及昵称等信息. 如果把在网址拷贝出来,然后在非微信环境 ...

【分享】在线解析微信h5网页标签跳转到手机默认浏览器的实现方式

【分享】在线解析微信h5网页标签跳转到手机默认浏览器的实现方式相关推荐

最新文章

热门文章