vue关闭浏览器

已于 2023-03-19 19:20:49 修改
阅读量1.3k 收藏 1
点赞数
分类专栏： 浏览器 Vue 文章标签： firefox safari chrome 关闭浏览器
于 2023-03-19 11:14:21 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ANNENBERG/article/details/128967286
版权

关闭的是新开的页面才不会报错

closeWebPage() {

      //. ie浏览器

      if (navigator.userAgent.indexOf('MSIE') > 0) {

        if (navigator.userAgent.indexOf('MSIE 6.0') > 0) {

          window.opener = null

          window.close()

        } else {

          window.open('', '_top')

          window.top.close()

        }

      } //火狐浏览器

      else if (navigator.userAgent.indexOf('Firefox') > 0) {

        window.location.href = 'about:blank '

      } else {

        //谷歌等其他浏览器

        window.opener = null

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

        window.close()

      }

    },

ANNENBERG
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue 关闭浏览器
weixin_30947043的博客
01-07 6359
在开发中的一个需求，vue中关闭浏览器， 直接使用window.close()在chrome、fireFox会不起作用 需要改为一下方式 window.open('about:blank','_self').close() 上面这种方式会把你的当前页面改为 或者使用 window.open('','_self').close(), 使用它的效果会比第一个更好 因此，比较合...
在vue中阻止浏览器后退的实例
10-16
今天小编就为大家分享一篇在vue中阻止浏览器后退的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
设置vue 项目浏览器界面关闭或者刷新，询问是否保存内容
Thea12138的博客
09-12 1112
请注意，具体实现可能因浏览器而异，某些浏览器可能不会显示保存提示的信息。此外，您可以根据实际需求自定义保存提示的逻辑和样式。可以结合使用JavaScript的。事件和Vue的生命周期钩子函数。
vue如何在用户要关闭当前网页时弹出提示的实现
01-19
本文介绍了vue如何在用户要关闭当前网页时弹出提示的实现，分享给大家，具体如下： 效果如下图 正常 js 页面处理方式 [removed] = function (e) { e = e || window.event; // 兼容IE8和Firefox 4之前的版本 if (e) { e.returnValue = '关闭提示'; } // Chrome, Safari, Firefox 4+, Opera 12+ , IE 9+ return '关闭提示'; }; vue 中处理方式 let _this = this [removed]
vue实现关闭浏览器退出登录功能（区别关闭和刷新）
weixin_44021888的博客
05-17 2466
vue实现关闭浏览器退出登录功能（区别关闭和刷新）
vue项目中，直接关闭浏览器也要记录登出日志的处理方式
qq_41920758的博客
07-24 686
可是问题来了，关闭浏览器会强制取消接口，也就是在监测浏览器关闭事件里面不会执行接口函数，alert()和console.log()也不会执行，经过我得实验测试，可以进行在浏览器的localStorage缓存里存值。// 判断是窗口关闭 毫秒数判断 存值 来判断关闭过浏览器，和关闭浏览器的时间，存起来，用于登录页面登录之后，继续掉登出接口，把关闭浏览器的时间传给接口记录下来。// 需要区分 是登出日志没有关闭浏览器和关闭浏览器字段来判断调用记录日志接口。// 关闭窗口之前执行。// 监听浏览器关闭。
vue实现浏览器关闭或刷新弹窗提示（beforeunload/unload)
灵境引路人
11-14 5688
vue实现浏览器关闭或刷新弹窗提示（beforeunload/unload)
vue 关闭浏览器窗口的时候,清空localStorage的数据示例
10-16
在Vue.js应用中，有时我们需要在用户关闭浏览器窗口时自动清空存储在localStorage中的数据，以确保用户下一次访问时获得一个干净的环境。本文将详细介绍如何在Vue中实现这一功能，无论是对于单页面应用程序（SPA）...
vue2浏览器关闭清除localStorage本地缓存
m0_73854403的博客
06-28 4783
（ 使用cookie生命周期机制，浏览器关闭后，cookie缓存消失，通过cookie判断浏览器是否关闭，如果是刷新，cookie不变，不做任何操作 ）方案一 ：针对浏览器刷新或关闭后，清除localStorage缓存，app.vue文件mounted编写下方代码。
Vue 中关闭当前弹窗页面
weixin_42587270的博客
05-16 3611
在打开弹窗的路由中添加一个 beforeRouteLeave 路由守卫，当离开该路由时关闭弹窗。以上两种方式都可以实现关闭当前弹窗页面的功能，具体使用哪种方式取决于项目需求和个人习惯。在弹窗组件中添加一个关闭按钮，并在点击事件中调用关闭弹窗的方法。在父组件中监听关闭事件，并将弹窗的显示状态设置为 false。在父组件中监听关闭事件，并在关闭事件中调用关闭弹窗的方法。1、使用关闭按钮触发关闭事件。2、使用路由守卫关闭弹窗。
vue项目使用js监听浏览器关闭、刷新、后退事件
乐辞的博客
12-04 8065
在Web应用开发中，我们经常会遇到这样的需求：在用户执行关键操作，如提交表单、支付交易等过程中，突然关闭、刷新或者后退浏览器，可能会导致操作未完成或者数据丢失。为了提高用户体验和保证应用数据的完整性，我们需要合理地使用JavaScript来监听浏览器关闭、刷新、后退事件，并作出相应处理。事件是在页面即将卸载时触发的，这通常发生在用户关闭或刷新页面之前。事件，如果不是非常必要，最好不要使用，因为它可能会影响用户体验。在Vue项目中，如果你使用。在使用上述事件时，我们应当小心谨慎，避免阻碍用户的正常操作。
vue项目关闭浏览器清空localStorage中存储的数据
tt1234561009的博客
06-29 3744
上面大致描述了localStorage的优缺点，下面我们一起来看下，有的业务场景中当关闭浏览器窗口时怎么实现清空localStorage中的数据。实现思路大致就是给项目添加一个监听器，在项目销毁前移除localStorage中的数据，一般这个监听写在App.vue文件中。浏览器兼容性不全面，IE浏览器在IE8以上的才支持（影响不大）数据永久存储，如果没有手动清空，数据会一直保存在浏览器缓存中。数据存储大小5MB，通常以json格式的字符串保存。可以跨页面存储数据，实现数据共享。
vue 管理系统关闭页面/浏览器/关闭tag实现发送请求
Kerwin__li的博客
04-24 1225
直接在beforeDestroy中请求时不合理的，可能会在服务器更新之前返回，返回后状态仍然是锁定的，所以说是不合理的。当点击编辑按钮会跳转到编辑页面中，于此同时会向服务器发送接口，来告知服务器这个库位已经被锁定了，其他人不可以修改。在组件销毁的时候，请求接口，并在请求结束后向返回的页面发送事件。现在就可以在详情页面中调用改变状态的接口后 再更新返回页面的list了 ~点击取消去调用接口然后等待后端将这个单据的改变后进行页面调整是没有问题的。在返回的页面中监听这个事件即可。新建event-bus.js。
【修复BUG】vue项目如何控制页面只能在浏览器打开一个窗口，多个窗口时关闭当前新开的窗口
最新发布
weixin_40667613的博客
12-29 362
7.这一步是上线以后发现的问题，当用户打开页面的时候，直接点击关机，这个时候，页面的销毁函数不会执行，缓存也不会被清除，所以isOpen就会在开机的之后，一直存在，陷入打不开页面的循环，所以我们可以先清除一遍，如果有存在的页面，那么会一直储存isopen，如果清除之后，没有isopen，那就说明当前没有多余的页面，就刷新一下当前页面，不做关闭操作。4.刷新储存的属性需要删除掉，不然新开第二个窗口的时候，里面也会同时有reload和isopen,这样你新开的窗口就会是刷新的判断，就不会被关闭。
vue点击关闭当前窗口
热门推荐
controller_Lw的博客
05-17 1万+
var userAgent = navigator.userAgent; if (userAgent.indexOf("Firefox") != -1 || userAgent.indexOf("Chrome") !=-1) { undefined window.open('','_self').close() 或 window.location.href = "about:blank" }else { undefined window.opener = null; window..
vue实现关闭浏览器窗口和刷新窗口执行事件
m0_63853518的博客
12-13 5000
记录一些技术基础
vue关闭页面或刷新页面触发浏览器关闭提醒的弹框
爱意迷了眼丶的博客
06-12 1591
【代码】vue关闭页面或刷新页面触发浏览器关闭提醒的弹框。
vue关闭浏览器窗口触发事件
09-19
在Vue中关闭浏览器窗口时触发事件有多种方法。以下是其中之一： 可以使用window对象上的beforeunload事件来实现。beforeunload事件在窗口即将关闭之前触发，可以...以上就是使用Vue关闭浏览器窗口触发事件的一种方法。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值