js判断微信打开提示在浏览器打开代码

winniephp 2016-03-18 11:40:00 
	

	<style type="text/css">

	*{margin:0; padding:0;}

	a{text-decoration: none;}

	img{max-width: 100%; height: auto;}

	.weixin-tip{display: none; position: fixed; left:0; top:0; bottom:0; background: rgba(0,0,0,0.8); filter:alpha(opacity=80);  height: 100%; width: 100%; z-index: 100;}

	.weixin-tip p{text-align: center; margin-top: 10%; padding:0 5%;}

	</style>



<div class="weixin-tip">

		<p>

			<img src="live_weixin.png" alt="在浏览器打开"/>

		</p>

	</div>

	<script type="text/javascript">

	

	

	

        $(window).on("load",function(){

	        var winHeight = $(window).height();

			function is_weixin() {

			    var ua = navigator.userAgent.toLowerCase();

			    if (ua.match(/MicroMessenger/i) == "micromessenger") {

			        return true;

			    } else {

			        return false;

			    }

			}

			var isWeixin = is_weixin();

			if(isWeixin){

				$(".weixin-tip").css("height",winHeight);

	            $(".weixin-tip").show();

			}

        })

	</script>



以上代码默认在微信打开就提示“在浏览器打开”，
那如何改为在
<article class="content">

</article>
里面所有链接，点击就提示用浏览器打开，不点击就不提示呢？
...全文
5424 9 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
9 条回复
切换为时间正序
请发表友善的回复…
发表回复
weixin_44317818 2020-04-01
  • 打赏
  • 举报
 回复
图片链接没发哎
办文绿软 2017-11-05
  • 打赏
  • 举报
 回复
加完代码还要上传js？
斯洛文尼亚旅游 2016-04-01
  • 打赏
  • 举报
 回复
因为从dom中删除了，remove改成hide $(this).closest('div').hide()
winniephp 2016-04-01
  • 打赏
  • 举报
 回复
引用 5 楼 showbo 的回复:
<div class="weixin-tip"> <p> <img src="live_weixin.png" alt="在浏览器打开"/><span id="close" title="关闭" class="close" onclick="$(this).closest('div').remove()">×</span> </p> </div>
可以了，但是为什么第一次点击会出现弹出提示，再次点击就无任何反应呢？ 完整代码 
<!DOCTYPE html>
<html lang="zh_CN">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="renderer" content="webkit">
<script type='text/javascript' src='http://libs.baidu.com/jquery/1.9.1/jquery.min.js?ver=lastest'></script>
</head>

<body>
<style type="text/css">
*{margin:0; padding:0;}
a{text-decoration: none;}
img{max-width: 100%; height: auto;}
.weixin-tip{display:none;position:fixed;left:0;top:0;background:rgba(0,0,0,0.8);filter:alpha(opacity=80);width:100%;height:100%;z-index:100;}
.weixin-tip p{text-align:center;margin-top:10%;padding:0 5%;position:relative;}
.weixin-tip .close{color:#fff;padding:5px;font:bold 20px/24px simsun;text-shadow:0 1px 0 #ddd;position:absolute;top:0;left:5%;}
    </style>
<article class="content"> <br />
  <br />
  <br />
  <br />
  <br />


  <a class="android-btn" href="http://bbs.csdn.net/topics/391918286"><img src="http://caibaojian.com/demo/2015/3/register/img/android-btn.png" alt="安卓版下载" /></a> <br />
  <br />
  <a  class="android-btn" href="http://bbs.csdn.net/topics/391918286"><img src="http://caibaojian.com/demo/2015/3/register/img/android-btn.png" alt="安卓版下载" /></a> <br />
  <br />
  <a  class="android-btn" href="http://bbs.csdn.net/topics/391918286"><img src="http://caibaojian.com/demo/2015/3/register/img/android-btn.png" alt="安卓版下载" /></a> <br />
  <br />
  <a class="android-btn" href="http://bbs.csdn.net/topics/391918286"><img src="http://caibaojian.com/demo/2015/3/register/img/android-btn.png" alt="安卓版下载" /></a> <br />
  <br />
  <br />
  <br />


</article>
<div class="weixin-tip">
  <p> <img src="http://s.libaijie.com/jwap/images/android_tips.png" alt="在浏览器打开"/><span id="close" title="关闭" class="close" onclick="$(this).closest('div').remove()">×</span> </p>
</div>
<script type="text/javascript">

$(window).on("load",function(){
    var winHeight = $(window).height();
    function is_weixin() {
        var ua = navigator.userAgent.toLowerCase();
        if (ua.match(/MicroMessenger/i) == "micromessenger") {
            return true;
        } else {
            return false;
        }
    }
    var isWeixin = is_weixin();
    $("article.content a").click(function(){
        if(isWeixin){
            $(".weixin-tip").css("height",winHeight);
            $(".weixin-tip").show();
            return false;
        }
    });
})

	</script>
</body>
</html>
斯洛文尼亚旅游 2016-03-30
  • 打赏
  • 举报
 回复
<div class="weixin-tip"> <p> <img src="live_weixin.png" alt="在浏览器打开"/><span id="close" title="关闭" class="close" onclick="$(this).closest('div').remove()">×</span> </p> </div>
winniephp 2016-03-28
  • 打赏
  • 举报
 回复
不懂JS，哪位可以帮帮忙呢？
winniephp 2016-03-24
  • 打赏
  • 举报
 回复
引用 1 楼 qq137051908 的回复:

$(window).on("load",function(){
    var winHeight = $(window).height();
    function is_weixin() {
        var ua = navigator.userAgent.toLowerCase();
        if (ua.match(/MicroMessenger/i) == "micromessenger") {
            return true;
        } else {
            return false;
        }
    }
    var isWeixin = is_weixin();
    $("article.content a").click(function(){
        if(isWeixin){
            $(".weixin-tip").css("height",winHeight);
            $(".weixin-tip").show();
            return false;
        }
    });
})
可以在弹层价格关闭的js吗？谢谢 
<div class="weixin-tip">
        <p>
            <img src="live_weixin.png" alt="在浏览器打开"/><span id="close" title="关闭" class="close">×</span>
        </p>
    </div>
texplore 2016-03-19
  • 打赏
  • 举报
 回复
http://hovertree.com/hvtart/bjae/o4xk3s6h.htm 可以参考这个
qq137051908 2016-03-18
  • 打赏
  • 举报
 回复 

$(window).on("load",function(){
    var winHeight = $(window).height();
    function is_weixin() {
        var ua = navigator.userAgent.toLowerCase();
        if (ua.match(/MicroMessenger/i) == "micromessenger") {
            return true;
        } else {
            return false;
        }
    }
    var isWeixin = is_weixin();
    $("article.content a").click(function(){
        if(isWeixin){
            $(".weixin-tip").css("height",winHeight);
            $(".weixin-tip").show();
            return false;
        }
    });
})
微信遮罩，微信打开网页提示下载提示浏览器打开
很多时候我们的服务器提供的下载链接都不支持微信扫码，但是客户又只会用微信扫码，怎么办呢？这时候我们可以做一个跳转的html网页，写一个遮罩代码。扫码打开跳转网页后，判断是否为微信开发环境，是的话就显示遮罩图片。
微信判断浏览器自动弹出遮罩层【完整代码】.zip
微信打开页面弹出遮罩层，微信打开页面连接后，提示去浏览器打开。有指示箭头，完美漂亮。js多种选择弹窗。下载添加url地址即可使用。完整版本的
微信判断浏览器自动弹出遮罩层代码
项目中用到过的自动判断是否是微信浏览器，然后弹出遮罩层，使用很方便
JS判断是否在微信浏览器打开的简单实例(推荐)
最近做很多HTML5的项目，很多页面会通过微信微博等SNS分享出去。在分享页面上提供公司APP的下载。但是在很多应用的浏览器中，点击下载链接无法下载应用。那么针对这些浏览器我们需要给用户提示从safari或者系统自带的浏览器打开分享页面。通过js就可以判断当前页面是在什么浏览器打开的。 以下是一段示例代码，注释中表明了通过JS如何判断是否在微信浏览器打开，是否在QQ空间浏览器，是否在新浪微博打开。当然可以做得更完善一点，再加上判断是在移动设备打开还是在PC端浏览器打开的，更加细分一点，可以判断是在安卓系统的浏览器打开的还是IOS系统浏览器打开的。 if (browser.versions.m
JavaScript

87,997

社区成员

224,708

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章