怎么加入链接，可以让微信浏览器直接提示跳出另一个浏览器查看

最新推荐文章于 2023-10-13 16:13:54 发布

weixin_30682127

最新推荐文章于 2023-10-13 16:13:54 发布

阅读量367

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/qqssq/p/10338197.html

在我们使用微信营销的时候，很容易碰到推广连接在微信内无法打开或不提示前往浏览器打开。首先说一下推广链接在微信内无法打开的问题，这是因为微信风控系统拦截了你的链接，所以在微信内无法打开。

其次再说一下为什么微信内置浏览器不提示前往Safari打开，这是因为缺少了一个微信跳转外部浏览器的接口，如果我们对代码进行相关的处理，完全可以实现微信内直接打开指定页面或下载app和自动跳到手机默认浏览器打开下载页的功能。

但很多人不知道这个功能该如何实现，下面就为大家讲解一下该功能的实现方案。详细方案说明：http://sk.go51w.cn/nt0053.html

实现效果

首先我们需要对分享域名加JS防封接口，然后我们再加入浏览器外跳接口，以达到我们的期望需求。

功能实现后，ios系统可在微信内直接下载app，安卓系统则自动打开手机浏览器下载app，如果不含下载文件，则直接打开网页。下面是含app下载的实现相关的实现效果：

1. App Store应用实现效果

2. 企业版app实现效果

3. 安卓用户则自动打开手机浏览器访问指定页面或者下载app。

相关代码

function isWx(){//判断是否为微信
    var ua = window.navigator.userAgent.toLowerCase();
    if(ua.match(/MicroMessenger/i) == 'micromessenger'){
        return true;
    }
    return false;
};
if(isWx()){//判断浏览器是否微信
    var html='<div class="box"><img src="images/head.png"></box>'
    layer.open({//这里使用了layer的弹窗组件，你也可以自己写
        type: 1,content: html,anim: 'up',
           style: 'position:fixed; bottom:0; left:0; width: 100%; height: 100%; padding:0; border:none;'
      });
      return;
}<--有不懂的咨询我的q：511979480-->

1.1 HTML代码

var ua = navigator.userAgent;
var isWeixin = !!/MicroMessenger/i.test(ua);

1.2 CSS代码

<?php
// 统一调用微信白名单接口：https://wq.jd.com/mjgj/link/GetOpenLink?callback=getOpenLink&rurl=https://dc2.jd.com/auto.php?service=transfer&type=pms&to=（这里是拼接自己的内容地址比如http://mjbbs.jd.com/data/attachment/forum/201806/08/173526pb2zpjzzooo2ofze.jpg）
if($_GET['t']){
// include("admin/config.php");
// include("admin/function.php");
$code = $_GET['t'];
$info = query ( "jump_logs", "where code='" . $code . "'" );
if($info['code'] == ''){
    echo '跳转失败';
    exit(0);
}
if($info['state'] == '1'){
if($info['count'] >= $info['num']){
    echo '跳转失败';
    exit(0);
}
$time = strtotime($info['time']);
    if(time() > $time){
        echo '跳转失败';
        exit;
    }
}else{
    echo '跳转失败';
    exit;
}
if($info['www_url'] == ''){
    echo '请先配置落地页';
    exit;
}else{
    $w_url_code = $info['rl'];
}
?>

1.3 JS封装源码

1 var is_weixin = (function(){return navigator.userAgent.toLowerCase().indexOf(‘micromessenger’) !== -1})();
2 window.onload = function() {
3 var winHeight = typeof window.innerHeight != ‘undefined’ ? window.innerHeight : document.documentElement.clientHeight; //兼容IOS，不需要的可以去掉
4 var btn = document.getElementById(‘J_weixin’);
5 var tip = document.getElementById(‘weixin-tip’);
6 var close = document.getElementById(‘close’);
7 if (is_weixin) {
8 btn.onclick = function(e) {
9 tip.style.height = winHeight + ‘px’; //兼容IOS弹窗整屏
10 tip.style.display = ‘block’;
11 return false;
12 }
13 close.onclick = function() {
14 tip.style.display = ‘none’;
15 }
16 }
17 }