此方法可以实现微信内置浏览器跳转到手机其它浏览器，现在网上其它的方法都只是一个页面，让访问者自己手动点右上角浏览器打开，而这个不同，是可以直接自动跳转的。

<?php

error_reporting(0);

if($_GET['open']==1 && strpos($_SERVER['HTTP_USER_AGENT'], 'MicroMessenger')!==false){

	header("Content-Disposition: attachment; filename=\"load.doc\"");

	header("Content-Type: application/vnd.ms-word;charset=utf-8");

}

?>

<!DOCTYPE html>

<html>

<head>

	<meta charset="UTF-8">

	<title>Welcome</title>

	<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport"/>

	<meta content="yes" name="apple-mobile-web-app-capable"/>

	<meta content="black" name="apple-mobile-web-app-status-bar-style"/>

	<meta name="format-detection" content="telephone=no"/>

	<meta content="false" name="twcClient" id="twcClient"/>

	<style>

	body,html{width:100%;height:100%}

	*{margin:0;padding:0}

	body{background-color:#fff}

	.top-bar-guidance{font-size:15px;color:#fff;height:40%;line-height:1.8;padding-left:20px;padding-top:20px;background:url(//gw.alicdn.com/tfs/TB1eSZaNFXXXXb.XXXXXXXXXXXX-750-234.png) center top/contain no-repeat}

	.top-bar-guidance .icon-safari{width:25px;height:25px;vertical-align:middle;margin:0 .2em}

	.app-download-btn{display:block;width:214px;height:40px;line-height:40px;margin:18px auto 0 auto;text-align:center;font-size:18px;color:#2466f4;border-radius:20px;border:.5px #2466f4 solid;text-decoration:none}

</style>

</head>

<body>

	<div class="top-bar-guidance">

		<p>

			点击右上角<img src="//gw.alicdn.com/tfs/TB1xwiUNpXXXXaIXXXXXXXXXXXX-55-55.png" class="icon-safari"/> Safari打开

		</p>

		<p>

			可以继续访问本站哦~

		</p>

	</div>

	<a class="app-download-btn" id="BtnClick" href="javascript:;"> 点此继续访问 </a>

	<script>

		var url = 'http://www.youngxj.cn';//更改需要跳转的地址

		document.querySelector('body').addEventListener('touchmove', function (event) {

			event.preventDefault();

		});

		window.mobileUtil = (function(win, doc) {

			var UA = navigator.userAgent,

			isAndroid = /android|adr/gi.test(UA),

			isIOS = /iphone|ipod|ipad/gi.test(UA) && !isAndroid,

			isBlackBerry = /BlackBerry/i.test(UA),

			isWindowPhone = /IEMobile/i.test(UA),

			isMobile = isAndroid || isIOS || isBlackBerry || isWindowPhone;

			return {

				isAndroid: isAndroid,

				isIOS: isIOS,

				isMobile: isMobile,

				isWeixin: /MicroMessenger/gi.test(UA),

				isQQ: /QQ/gi.test(UA)

			};

		})(window, document);

		if(mobileUtil.isWeixin){

			if(mobileUtil.isIOS){

				url = "https://t.asczwa.com/taobao?backurl=" + encodeURIComponent(url);

				document.getElementById('BtnClick').href=url;

			}else if(mobileUtil.isAndroid){

				url = '?open=1';

				document.getElementById('BtnClick').href=url;

				var iframe = document.createElement("iframe");

				iframe.style.display = "none";

				iframe.src = url;

				document.body.appendChild(iframe);

			}

		}else{

			document.getElementById('BtnClick').href=url;

			window.location.replace(url);

		}

	//setTimeout('WeixinJSBridge.invoke("closeWindow", {}, function(e) {})', 2000); </script>

</body>

</html>

跳转域名需要备案，具体自行测试

微信扫描二维码跳转手机默认浏览器打开下载app的链接是怎么实现的的更多相关文章

  1. asp：手机扫描二维码跳转手机版

    如果想手机扫描用pc版网站生成的二维码跳转到对应的手机版的话,请在pc端的首页的<head></head>标签里面加入下面内容:   <script src=" ...

  2. 微信扫描二维码安卓弹出默认浏览器（苹果打开App Store）打开下载链接

    使用微信推广的用户经常都会遇到推广链接被拦截导致无法下载app的情况,此时用户在微信中打开会提示“ 已停止访问该网页 ”.这对于使用微信营销的商家来说就很不友好且损失非常大,因为用户是不知道为什么打不 ...

  3. 微信连WiFi关注公众号流程更新 解决ios微信扫描二维码不关注就能上网的问题

    前几天鼓捣了一下微信连WiFi功能,设置还蛮简单的,但ytkah发现如果是ios版微信扫描微信连WiFi生成的二维码不用关注公众号就可以直接上网了,而安卓版需要关注公众号才能上网,这样就少了很多ios ...

  4. 关于微信扫描二维码下载apk文件的细节设计

    微信使用的人数越来越多,渐渐的用户形成了一种习惯,扫描二维码的时候,也会打开微信去扫描,但是微信不支持第三方的链接下载,有些厂商已经发现了这一特点,所以在使用二维码下载自家的app时,会做一个提示,引 ...

  5. 用vue实现扫描二维码跳转页面功能

    怎么能用vue实现扫描二维码跳转页面功能 1. 安装依赖 npm install vue-qr --save 2. <template>   <div>     <div ...

  6. JAVA实现的微信扫描二维码支付

    吐槽一下 支付项目采用springMvc+Dubbo架构实现,只对外提供接口. 话说,为什么微信支付比支付宝来的晚了那么一点,一句话,那一阵挺忙的,然后就没有时间整理,最近做完支付宝支付,顺便也把微信 ...

  7. 扫描二维码跳转app

    1.判断是否安装了app <html> <head> <meta name="viewport" content="width=device ...

  8. 在vue中实现扫描二维码跳转页面

    文字少的博文不允许发布到网站首页.文字少的博文不允许发布到网站首页.文字少的博文不允许发布到网站首页.文字少的博文不允许发布到网站首页.文字少的博文不允许发布到网站首页.文字少的博文不允许发布到网站首 ...

  9. 手机扫描二维码下载APP，根据操作系统不同自动下载

    Android和IOS手机扫描二维码下载APP,根据OS不同,自动处理相应下载操作.IOS自动跳转至AppStore应用下载页,Android自动下载应用的apk包. <script type= ...

随机推荐

  1. deepin 删除navicat,重新开始计时

    1.执行 sudo apt-get autoremove navicat --purge 删除navicat 文件 2.cd /home/你的用户名 rm -rf .navicat64或rm -rf ...

  2. 【LEETCODE】45、766. Toeplitz Matrix

    package y2019.Algorithm.array; /** * @ProjectName: cutter-point * @Package: y2019.Algorithm.array * ...

  3. MAC 添加Jmeter环境变量

    vim ./bash_profile JMETER_HOME=/Users/finup/apache-jmeter-5.1.1 CLASSPATH=$JAVA_HOME/lib/tools.jar:$ ...

  4. 【题解】Luogu P4838 P哥破解密码

    原题传送门 考虑一个一个将字母加入字符串后面 设\(f[i][0/1/2]\)表示长度为\(i\)字符串末尾有\(0/1/2\)个A的种类数 易知: \(f[1][0]=1,f[1][1]=1,f[1 ...

  5. Centos 7 替换镜像源

    1 备份原始源 [root@localhost ~]# mv /etc/yum.repos.d/CentOS-Base.repo /etc/yum.repos.d/CentOS-Base.repo.b ...

  6. docker 入坑2

    上一节我们安装好了docker,那么这节我们讲一下docker基本命令使用 查看版本 $ sudo docker --version 返回:Docker version 18.09.0, build ...

  7. 15天入门RT-Thread之第一天

    今天开始学习jiezhi15天的RT-Thread入门系列课程 感谢RT-Thread提供的免费课程,终于可以系统入门RT-Thread ,感兴趣的同学可以关注RT-Thread官方公众号,获取最新的 ...

  8. C# vb .net实现灰度化特效滤镜

    在.net中,如何简单快捷地实现Photoshop滤镜组中的灰度化呢?答案是调用SharpImage!专业图像特效滤镜和合成类库.下面开始演示关键代码,您也可以在文末下载全部源码: 设置授权 第一步: ...

  9. 【CF1095F】 Make It Connected（最小生成树）

    题目链接 如果没有特殊边的话显然答案就是权值最小的点向其他所有点连边. 所以把特殊边和权值最小的点向其他点连的边丢一起跑最小生成树就行了. #include <cstdio> #inclu ...

  10. 【阿里云开发】- 安装tomcat

    Tomcat配置过程 1.下载Tomcat 官网地址:http://tomcat.apache.org/ 这里我用的是apache-tomcat-8.5.38.tar.gz 2.通过ftp工具将下载好 ...