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

<?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. 装饰器login_required

    装饰器login_required将游客身份引导至登录页面,登录成功后跳转到目的页面 url.py path('login/',views.login), path('home/',views.hom ...

  2. 方法2：使用Jenkins构建Docker镜像 --SpringCloud

    前提意义: SpringCloud微服务里包含多个文件夹,拉取仓库的所有代码,然后过根据选项参数使用maven编译打包指定目录的jar,然后再根据这个目录的Dockerfile文件制作Docker镜像 ...

  3. idea全局护眼色绿豆沙

    1.settings->plugins->BackgroundImage 2.在导航栏选择Help->FindAction 3.set background image 4.选择图片 ...

  4. 【转载】C#中List集合使用Reverse方法对集合中的元素进行倒序反转

    在C#的List集合操作中,有时候需要对List集合中的元素的顺序进行倒序反转操作,此时就可使用到List集合中的Reverse方法来实现此功能,Reverse方法的签名为void Reverse() ...

  5. django AJAX 的应用

    目录 AJAX 的使用 AJAX简介 AJAX常见应用情景 AJAX的优缺点 jQuery实现的AJAX JS实现AJAX AJAX请求如何设置csrf_token Form表单上传文件 AJAX上传 ...

  6. SAP NOTE 1999997 - FAQ: SAP HANA Memory

    Symptom You have questions related to the SAP HANA memory. You experience a high memory utilization ...

  7. Android著名开源库

    UI方面 1.绘制图表MPAndroidChart.hellocharts: https://github.com/PhilJay/MPAndroidChart https://github.com/ ...

  8. Android JSBridge原理与实现

    在Android中,JSBridge已经不是什么新鲜的事物了,各家的实现方式也略有差异.大多数人都知道WebView存在一个漏洞,详细信息见你不知道的 Android WebView 使用漏洞,虽然该 ...

  9. EhLib使用全攻略

    使用 TDBSumList 组件   还记得以前有朋友问过这样一个问题:在 DBGrid 下如何像 Excel 一样能够做统计计算,实话说,使用 DBGrid 来做的话着实不易,不过现在有了这个咚咚, ...

  10. RestTemplate的GET与POST

    发送GET请求: //设置请求头HttpHeaders headers = new HttpHeaders(); headers.add("token",PostUtils.get ...