请在微信客户端打开链接实现办法

发布：2023/12/7 15:50:56作者：大数据来源：大数据浏览次数：536

有时需要在微信里打开H5业务应用系统，在其它浏览器打开提示：

具体实现代码如下：

var useragent = navigator.userAgent.toLowerCase();

var iswechat = useragent.indexOf('micromessenger') !== -1;

if (!iswechat) {

window.location.href = 'http://open.weixin.qq.com/connect/oauth2/authorize?appid=wx90b252e89d5742e3'

}

只允许微信浏览器打开自己的网页

或者如下：

<!DOCTYPE html>

<html>

<head>

</head>

<body>

var ua = navigator.userAgent.toLowerCase();

var isWeixin = ua.indexOf('micromessenger') != -1;

var isAndroid = ua.indexOf('android') != -1;

var isIos = (ua.indexOf('iphone') != -1) || (ua.indexOf('ipad') != -1);

if (!isWeixin) {

document.head.innerHTML = '<title>抱歉，出错了</title><meta charset="utf-8"><meta name="viewport" content="width=device-width, '+

'initial-scale=1, user-scalable=0"><link rel="stylesheet" type="text/css" href="https://res.wx.qq.com/open/libs/weui/0.4.1/weui.css">';

document.body.innerHTML = '<div class="weui_msg"><div class="weui_icon_area"><i class="weui_icon_info weui_icon_msg"></i></div>'+

'<div class="weui_text_area"><h4 class="weui_msg_title">请在微信客户端打开链接</h4></div></div>';

}

</script>

</body>

</html>

原理大致相同。

声明：本站内容来源于原创和互联网，尊重作者版权，转载请注明来源网址，欢迎收藏，谢谢！

　防止/禁止表单重复提交解决办法

css中伪元素及伪类::after和::before清除浮动或float　

微信小程序实现添加多个组件或移除实现办法请在微信客户端打开链接实现办法

柏港建站平台