关闭微信页面/判断设备/判断浏览器

最新推荐文章于 2022-09-22 14:15:06 发布
最新推荐文章于 2022-09-22 14:15:06 发布
阅读量780 收藏 1
点赞数 1
分类专栏： JavaScript-篇
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/angularWQ/article/details/77019191
版权 
//判断是否在微信浏览器打开
function isWeiXin() {
    var ua = window.navigator.userAgent.toLowerCase();
    if (ua.match(/MicroMessenger/i) == 'micromessenger') {
        return true;
    } else {
        return false;
    }
}
//判断设备
if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {
    console.log("苹果");
} else if (/(Android)/i.test(navigator.userAgent)) { 
 	console.log("Android");
} else {    console.log("pc");};
//关闭微信浏览器**正常关闭页面的兼容写法不支持微信页面
$(".buton").click(function(){
    WeixinJSBridge.call('closeWindow');
})
javaScript --- 解决（webview/微信浏览器/页面刷新/页面后退/URL重置页面刷新）AJAX页数重置问题
删库跑路
08-03 1653
效果如下： 代码如下： <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8" /> <meta name="viewport&am
H5关闭当前页面，包括微信浏览器
每天都要努力学习哦~~
10-27 5812
用户代理字符串是浏览器发送给服务器的一部分信息，其中包含了关于浏览器类型和版本的信息。这段代码是一个JavaScript函数，用于关闭当前页面的操作。window.close()方法只能关闭由window.open()或者浏览器直接输入url打开的页面，其余情况安全考虑是被限制的。时，浏览器会关闭最前面的窗口，无论是不是你的脚本创建的这个窗口。的值为 "close_window:ok"，表示关闭成功，会打印"关闭成功的处理"。作为参数，以及一个回调函数，用于处理关闭窗口的结果。的值来判断关闭窗口的结果。
微信浏览器关闭代码
10-03
微信浏览器关闭html代码
移动端判断函数（环境判断、兼容关闭浏览器）
Winsom1的博客
09-22 429
_isMobile() { let flag = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i) return flag; }, i..
监听页面关闭和刷新的总结
weixin_30911809的博客
04-23 560
　　做开发的一个很重要的能力就是异常场景处理。而页面的一个很常见的异常场景就是页面关闭和刷新，尤其是对于需要即时刷新、定时操作、自动提交的场景。而我们应该都知道，监听浏览器页面关闭和刷新的一个很常用的事件就是onbeforeunload和onload（两者作用其实是一样的，就像vue生命周期勾子destroyed和beforeDestroy），而做前端开发的这4年，几乎每年都会用到那么几次。只是有...
判断是页面否为微信打开
思渝崖
05-20 1325
场景： 做微信分享功能时 有个需求说要做用户记录跟踪，需要获取用户的openId传给接口存储 基于这个openId的获取需求，需要做微信静默授权才能获取到这个openId 但是这个静默授权有个问题： 如果不是微信打开这个页面，会报需要微信打开的一个报错提示，整个页面只能在微信打开 最后就是要判断这个页面是否在微信打开： export const isWeixin = () => { let ua = navigator.userAgent.toLowerCase() return ua.ind
微信判断浏览器自动弹出遮罩层代码
01-13
标题"微信判断浏览器自动弹出遮罩层代码"涉及到的核心知识点包括： 1. **浏览器检测**：首先，我们需要通过JavaScript来检测当前的浏览器环境。常见的方法是检查UserAgent字符串，微信内置浏览器的UserAgent通常...
vue实现微信浏览器左上角返回按钮拦截功能
10-15
主要介绍了vue实现微信浏览器左上角返回按钮拦截功能,本文通过实例代码相结合的形式给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
Javascript限制网页只能在微信内置浏览器中访问
10-25
通过正则表达式来判断UserAgent字符串是否包含“MicroMessenger”，如果匹配成功则表示该请求来自微信内置浏览器，允许加载页面；如果匹配失败，则通过弹窗提示用户，并且关闭页面，防止页面内容被不正当访问。 但...
调用微信浏览器关闭页面的功能
weixin_43837268的博客
06-26 5144
pushHistory(); window.addEventListener("popstate", function(e) { alert("我监听到了浏览器的返回按钮事件啦");//根据自己的需求实现自己的功能 weixinClosePage() }, false); function pushHistory() { var state = { t...
如何通过js关闭微信浏览器页面
热门推荐
This Is Why We Coding
03-09 1万+
最近在项目开发中，有一个支付页面当用户支付成功的时候需要通过js主动关闭这个页面。这个在其他浏览器比较好实现直接用window对象中的api就可以 如何通过js关闭微信浏览器页面 最近在项目开发中，有一个支付页面当用户支付成功的时候需要通过js主动关闭这个页面。这个在其他浏览器比较好实现直接用window对象中的api就可以。具体的代码： window.opener = null; win...
判断当前页面是否在微信浏览器中打开
小破孩的博客
02-28 323
在实际的项目中，有时候需要判断当前页面是否在微信浏览器中打开 方法一： var ua = navigator.userAgent.toLowerCase(); var isWeixin = ua.indexOf('micromessenger') != -1; if (isWeixin) { return true; }else{ return false; } 方法二： ...
*微信开发内置浏览器JS自动关闭当前页面回到微信对话窗口
西瓜的博客
01-26 1万+
微信的WeixinJSBridge还是没牛逼的，虽然官方文档只公布了3个功能，但是还内置的很多功能没公布，但是存在 比如自动关闭当前浏览器内置函数：WeixinJSBridge.call('closeWindow'); 直接调用即可。 转自：http://blog.youkuaiyun.com/muziduoxi/article/details/22403859 ...
JavaScript：关闭当前页面（微信、电脑）
weixin_30410119的博客
11-01 488
WeixinJSBridge.call('closeWindow'); // 关闭微信浏览器 window.opener=null; window.open('','_self'); window.close(); // 关闭电脑浏览器 转载于:https://www.cnblogs.com/Cchblogs/p/6020860.html...
微信关闭当前浏览窗口页面Js
Daisy的博客
01-22 5278
function closeWx(){ window.close(); WeixinJSBridge.call('closeWindow'); }
js判断用户关闭页面或浏览器
weixin_34242658的博客
09-11 654
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>判断用户关闭页面或浏览器</title></head><body><script type="text/javascript">...
微信浏览器内置对象方法(WeixinJSBridge)
最新发布
02-21
### 微信浏览器内置对象 WeixinJSBridge 方法使用说明 #### 判断是否处于微信内置浏览器环境 为了确保 `WeixinJSBridge` 的方法能够正常工作，必须先确认当前运行环境为微信内置浏览器。这可以通过检测 `window.navigator.userAgent` 字符串中的特定标记来实现。 ```javascript function isWeixinBrowser() { var ua = window.navigator.userAgent.toLowerCase(); return ua.indexOf('micromessenger') !== -1; } if (isWeixinBrowser()) { // 执行依赖于 WeixinJSBridge 的代码逻辑 } else { console.log("Not running inside WeChat browser"); } ``` 此段代码用于验证用户代理字符串中是否存在 "micromessenger" 关键字，以此判断是否位于微信客户端内[^2]。 #### 调用支付功能并处理回调 当利用 `WeixinJSBridge.invoke` 进行支付操作时，可能会遇到支付完成后页面未自动跳转的情况。解决这一问题的关键在于正确配置服务器端返回的数据以及前端如何解析这些数据。 ```javascript // 假设已经获取到了支付所需的参数 dataObj var payData = JSON.stringify(dataObj); WeixinJSBridge.invoke( 'getBrandWCPayRequest', payData, function(res){ if(res.err_msg === "get_brand_wcpay_request:ok"){ alert("支付成功！"); location.href="http://yourdomain.com/success"; }else{ alert("支付失败：" + res.err_desc); } } ); ``` 上述代码展示了发起一次微信支付请求的过程，并在支付结束后依据响应结果决定下一步动作。如果支付成功，则重定向至指定URL；反之则提示错误信息[^1]。 #### 关闭窗口 对于某些场景下希望引导用户离开当前网页的情形，可以调用 `WeixinJSBridge.call('closeWindow')` 或者 `WeixinJSBridge.invoke("closeWindow")` 来安全地关闭当前浏览会话。 ```javascript // 方式一：call方式 WeixinJSBridge.call('closeWindow'); // 方式二：invoke方式（带回调） WeixinJSBridge.invoke("closeWindow", {}, function(response) {}); ``` 这两种方法都可以用来优雅地结束用户的访问流程，区别仅在于后者提供了额外的回调函数支持以便进一步处理可能产生的反馈信息[^3][^5]。 #### 禁止右上角菜单项显示 针对特殊业务需求，比如防止敏感内容被轻易转发出去的情况下，可通过如下手段隐藏默认提供的分享按钮： ```javascript document.addEventListener('WeixinJSBridgeReady', function onBridgeReady(){ WeixinJSBridge.call('hideOptionMenu'); }); ``` 这段脚本会在微信 JS-Bridge 准备就绪之后立即生效，从而达到屏蔽顶部导航栏更多选项的效果[^4]。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值