如何在safari浏览器下用window.close()

最新推荐文章于 2021-08-18 11:05:21 发布
原创 最新推荐文章于 2021-08-18 11:05:21 发布 · 置顶 · 2.9k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#safari #浏览器 #ie

本文介绍了一种解决在Safari浏览器中无法使用window.close()的问题的方法。通过添加特定的JavaScript代码，可以成功实现关闭窗口的功能。

最近在解bug时遇到这样一个问题，在js里面使用window.close()，IE浏览器中可以，但在safari中不可，经过调试可以这样写： 

top.window.opener = null;



top.window.open('','_self',''); 



top.window.close();



很奇特啊，就只在原来的基础上加了



top.window.open('','_self',''); 



使问你是否关闭窗口的yes or no 的提示框丢掉就可以在safari浏览器中使用



window.close()了
window.close(); 关闭浏览器窗口js代码的总结介绍
11-26
window.close(); 关闭浏览器窗口js代码的总结介绍 序号 关闭代码 需要确认 无任何作用 无需确认 测试 1 window.close() IE7 firefox,chrome, safari Opera Close 2 window.opener=null; window.open(”,’_self’); window.close();   firefox IE7,Opera， chrome,safari Close 3 window.open(”,’_self’); window.close();   firefox IE7,Opera， chrome,sa
各个版本浏览器下使用window.close()兼容问题
黎小小的博客
02-07 6321
谷歌和火狐浏览器下，不能使用关闭window.close()方法关闭本页        function exit(){   if (navigator.userAgent.indexOf("MSIE") > 0) {            window.opener = null;            window.close();        } else if (navigat
window.close()及常见的关闭浏览器窗口操作
热门推荐
大小都是愁的成长之路
08-16 3万+
close 方法只能关闭由自己打开的window,但实际应用中会有很多方式打开一个页面 用多种方式打开一个页面，然后用 window.close() 关闭它，在各浏览器下表现是有所不同的，差异如图 （图片来源脚本之家） 其中地址栏直接输入url的方式中，close效果最...
兼容各版本浏览器的关闭事件window.close
弑忆 的专栏
04-01 1385
top.window.opener = null;        top.window.open('','_self','');        top.window.close();
window.close(); 关闭浏览器窗口js代码的分析总结
bobo now~
10-24 1369
序号 关闭代码 需要确认 无任何作用 无需确认 测试 1 window.close() IE7 firefox,chrome, safari Opera Close 2 window.opener=null; window.open('','_self'); window.close();   firefox IE7,Opera， chrom
网页关闭（解决window.close在火狐下不兼容问题）
weixin_34128501的博客
04-18 210
熟悉前端的都知道，火狐默认状态非window.open的页面window.close是无效的 网上有很多人说，在火狐的地址栏输入:about:config然后找到dom.allow_scripts_to_close_windows;把false改为true 看着这些人的说法，不得不说我蛋疼了 我做的是网站，我怎么去改用户的浏览器设置，我不是搞病毒的啊 难道我在网站发布一个公告“如需用火狐访...
window.close() 在 iOS/MAC不起作用的解决办法
前端李小白的博客
08-18 1810
直接加一个定时器大于300ms就可以了 setTimeout(window.close, 301);
window.close(); 关闭浏览器窗口js代码的分析
【昆山人在上海】
12-29 1146
window.close(); 关闭浏览器窗口js代码的分析
关于手机上不能用window.close的问题
大猪的博客
06-07 1万+
今天有个同事问我，window.close()在pc web上可以关闭网页，但是在手机上用则没有效果。 当时，我没能给他答案。后来网上查了一下，才知道应该是由于权限问题，才window.close()才没有作用。 答案是应该用：window.history.back(); 试想，pc web上是有多个标签的，可以关闭一些，但是手机上如果window.close()起作用了，那就关闭整个网页了
百度钱包ios移动端html5网页无法自动关闭问题
Mr_Smile2014的博客
08-24 2498
我们公司最近在做百度钱包的移动网页支付的一款产品，产品使用场景是当用户通过百度钱包扫描我们的产品的二维码， 进入我们的产品中，然后用户选择商品并点击购买，然后在我们系统后台生成订单并提交信息到百度钱包进行支付，当支付完 成后我们系统页面会自动的关闭。这个功能在android手机上面可以，但是在ios上面无法关闭。
手机浏览器window.close()无效（黑科技）
Lee的博客
03-01 1万+
最近接触一个RTMP直播项目有需求是点击按钮关闭当前窗口。PC，安卓的部分浏览器都可以（老大没说要兼容所有浏览器只要部分浏览器能看就可以），测试了好多浏览器有的能关闭窗口不能接受RTMP的推流，有的能接受推流但是不能关闭窗口。最后测试QQ和百度浏览器可以。但是IOS 真的是无语了 没有一个都好使的。后来想出一个黑科技b.html代码window.open('a.html')；a.html代码点击按...
window.close() 网页关闭（解决window.close()在火狐下不兼容问题）
liupeng900605的专栏
05-09 7638
序号 关闭代码 需要确认 无任何作用 无需确认 测试 1 window.close() IE7 firefox,chrome, safari Opera Close 2 window.opener=null; window.open('','_self'); window.close(); firefox IE7,Opera， chro
探索浏览器页面关闭window.close()的使用
flying meng的菜鸟居
08-19 6355
说起来window.close()，这也是个“不太让人省心”的角色。因为浏览器兼容性千差万别，还对他有诸多限制。 使用语法： window.close() 场景复现 昨天发现有人在csdn上传违禁文件，举报后来到了这个页面： 里面那个按钮发现点击无效！ 就。。。当时就挺尴尬的。 不过既然它说是【关闭】，当时就想到了这个堪称“漏洞百出”的close事件，F12打开控制台一看：果不其然 看到这顿时就来了兴趣 探索过程和解决方案 为什么就突然来了兴趣呢？ 首先，从这行代码中可以看出：这个页面不是通过 w
设置Safari进行Web开发
cungui5726的博客
08-22 483
I suspect that if you asked most designer-developers for the browsers they associate with web development, the majority would answer with the words Chrome Canary or Firefox Developer; Safari would lik...
window.close(); 谷歌浏览器不好用的解决方案
diancuiji9577的博客
06-24 955
方案一： varuserAgent=navigator.userAgent; if(userAgent.indexOf("Firefox")!=-1||userAgent.indexOf("Chrome")!=-1){ window.location.href="about:blank"; }else{ window.opener...
JS使用window.close()关闭当前页（兼容firefox）
李刚的学习专栏
12-15 9700
一、语法及参数说明： window.open(pageURL,name,parameters) 其中： pageURL为子窗口路径 name为子窗口句柄 parameters为窗口参数(各参数用逗号分隔) 二、调用方式： 方法一： 浏览器读页面时弹出窗口；  方法二： 浏览器离开页面时弹出窗口；  方法三：用一个连接调用： 打开一个窗口   方法四：用一个按钮调用：  
为什么window.childWindow.close()这里还是报错
最新发布
10-23
你遇到的问题是： > 即使使用了 `window.childWindow.close()`，仍然报错。 这是浏览器安全机制的体现，说明你尝试关闭的窗口虽然由 `window.open()` 打开，但可能由于**跨域、窗口已关闭、或引用失效**等原因导致 `close()` 失败。 --- ## 🧨 可能的原因及排查方法 ### 1. ❗ 跨域访问限制（CORS） 如果你打开的子窗口是**跨域页面**（如 `https://otherdomain.com`），浏览器出于安全考虑，**即使你用 `window.open()` 打开的，也可能无法调用 `.close()`**。 #### ✅ 解决方法： - 确保打开的页面是**同源**（协议 + 域名 + 端口一致）； - 或者让子窗口自己监听消息并主动调用 `window.close()`。 --- ### 2. ❗ 窗口已经关闭或被浏览器回收 你可能在子窗口关闭后再调用 `.close()`，或浏览器已回收该窗口资源。 #### ✅ 解决方法： 在调用 `.close()` 前检查窗口是否还存在： ```js if (window.childWindow && !window.childWindow.closed) { window.childWindow.close() } ``` --- ### 3. ❗ `window.childWindow` 引用失效或未正确赋值 你可能没有正确保存子窗口的引用，比如在 Vue 组件中，变量作用域限制了访问。 #### ✅ 解决方法： 确保在打开窗口时正确保存引用： ```js // 正确保存引用 window.childWindow = window.open('https://yourdomain.com', '_blank') ``` 或者使用 Vue 的全局变量/状态管理： ```js this.$store.commit('setChildWindow', window.open('...', '_blank')) ``` --- ### 4. ❗ 子窗口跳转导致 opener 被断开 如果子窗口加载后发生了跳转（如 Vue 路由跳转），浏览器可能会断开 `window.opener` 的连接，导致通信失败。 #### ✅ 解决方法： - 在子窗口首次加载时就保存 `window.opener`； - 或者使用 `BroadcastChannel`、`localStorage` 替代 opener。 --- ### 5. ❗ 浏览器隐私模式或安全策略限制 某些浏览器（如 Safari、Chrome 隐私模式）对 `window.open()` 和 `.close()` 有更严格的限制。 #### ✅ 解决方法： - 使用替代通信方式（如 `BroadcastChannel`）； - 或者在子窗口内监听消息并主动关闭自己： ```js // 子窗口中监听关闭消息 window.addEventListener('message', (event) => { if (event.origin !== 'https://yourdomain.com') return if (event.data === 'closeIframe') { window.close() } }) ``` --- ## ✅ 完整示例代码 ### 父窗口代码： ```js // 打开子窗口并保存引用 window.childWindow = window.open('https://yourdomain.com', '_blank') // 发送关闭消息 if (window.childWindow && !window.childWindow.closed) { window.childWindow.postMessage('closeIframe', 'https://yourdomain.com') } ``` ### 子窗口代码： ```js // 监听消息并关闭自己 window.addEventListener('message', (event) => { if (event.origin !== 'https://yourdomain.com') return if (event.data === 'closeIframe') { window.close() } }) ``` --- ## ✅ 总结 | 原因 | 是否影响 `.close()` | 解决方案 | |------|---------------------|----------| | 跨域 | ❌ | 使用同源或子窗口自己调用 `window.close()` | | 窗口已关闭 | ❌ | 检查 `childWindow.closed` | | 引用失效 | ❌ | 正确保存引用 | | 跳转导致 opener 断开 | ❌ | 子窗口保存 opener 或使用替代通信 | | 浏览器限制 | ❌ | 使用 `BroadcastChannel` 或提示用户关闭 | --- ###
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值