判断是否在微信浏览器中打开

月亮和六便士i

于 2019-04-29 10:23:31 发布

阅读量503

点赞数

分类专栏： css js 文章标签： js css

本文链接：https://blog.youkuaiyun.com/qq_43259264/article/details/89669533

版权

css 同时被 2 个专栏收录

2 篇文章

订阅专栏

1 篇文章

订阅专栏

本文介绍了一种在微信环境中检测并提示用户将当前页面从微信内浏览器跳转到外部浏览器的方法。通过使用HTML、CSS和JavaScript实现了一个提示框，当用户在微信中点击按钮时，会显示提示其选择在浏览器中打开页面。此功能适用于需要更完整浏览器功能的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

html：

点击右上角选择在浏览器中打开

css：.openInBrowser {
width: 100vw;
height: 25vw;
background: #333333;
display: none;
color: #fff;
font-size: 4vw;
line-height: 25vw
}

.openInBrowser img {
width: 9.2vw;
height: 9.333333333333333vw;
margin-left: 7vw;
margin-top: 5.5vw;
float: left;
}

js:
function is_weixin() {
var ua = navigator.userAgent.toLowerCase();
if (ua.match(/MicroMessenger/i) == “micromessenger”) {
return true;
} else {
return false;
}
}
var isWeixin = is_weixin();
$(’#downloadButton’).click(function () {
if (isWeixin) {
$(’.openInBrowser’).css(‘display’, ‘block’)
}
})