监听浏览器是刷新还是首次载入页面

叁歲伎倆 2023-10-07 21:14 42阅读 0赞

performance.navigation.type（该属性返回一个整数值，表示网页的加载来源，可能有以下4种情况）：  
　　0：网页通过点击链接、地址栏输入、表单提交、脚本操作等方式加载，相当于常数performance.navigation.TYPE\_NAVIGATE。  
　　1：网页通过“重新加载”按钮或者location.reload()方法加载，相当于常数performance.navigation.TYPE\_RELOAD。  
　　2：网页通过“前进”或“后退”按钮加载，相当于常数performance.navigation.TYPE\_BACK\_FORWARD。  
　　255：任何其他来源的加载，相当于常数performance.navigation.TYPE\_RESERVED。  
　performance.navigation.redirectCount：表示网页经过重定向的次数。

在vue中使用：

mounted () {
       //第一种方法
       // if(window.name == ""){
       // console.log("首次被加载");
       // window.name = "isReload"; // 在首次进入页面时我们可以给window.name设置一个固定值 
       // }else if(window.name == "isReload"){
       // console.log("页面被刷新");
       // }
       //第二种方法
       if (window.performance.navigation.type == 1) {
        console.log("页面被刷新")
       }else{
        console.log("首次被加载")
       }
      },

![5ed78a8427384f4d8c5f162ddf34c263.png][]![5d48c389d934492e9ab97a701b7ea86e.png][]

[5ed78a8427384f4d8c5f162ddf34c263.png]: https://img-blog.csdnimg.cn/5ed78a8427384f4d8c5f162ddf34c263.png
[5d48c389d934492e9ab97a701b7ea86e.png]: https://img-blog.csdnimg.cn/5d48c389d934492e9ab97a701b7ea86e.png

发表评论取消回复

表情：

评论列表（有 0 条评论，42人围观）

还没有评论，来说两句吧...

相关阅读

相关浏览器页面刷新

浏览器页面跳转刷新行为会触发窗口跳转，并向服务器发送请求。如form表单提交、a标签超链接跳转，window.location.href等行文都会触发窗口的刷新，而窗口刷新后根

布满荆棘的人生/ 2023年10月11日 16:12/ 0 赞/ 3 阅读

相关监听浏览器是刷新还是首次载入页面

performance.navigation.type（该属性返回一个整数值，表示网页的加载来源，可能有以下4种情况）：　　0：网页通过点击链接、地址栏输入、表单提交、脚

叁歲伎倆/ 2023年10月07日 21:14/ 0 赞/ 43 阅读

相关浏览器刷新页面

浏览器刷新的四种方法：方法一：head中添加meta标签每5秒刷新一次，5秒后跳转到指定链接 <meta http-equiv="refresh" conte

约定不等于承诺〃/ 2023年10月06日 09:04/ 0 赞/ 40 阅读

相关【前端】监听页面切换--浏览器页面间切换，路由切换，导航守卫页面刷新或关闭

前提，PC端应用一，监听浏览器页面间切换场景：浏览器某一个页面A，PC端页面B，页面AB间切换方案： 1.使用vue-visibility-change 安装：

比眉伴天荒/ 2022年09月02日 05:20/ 0 赞/ 557 阅读

相关 js监听浏览器刷新或者关闭 window.onbeforeunload

js监听浏览器刷新或者关闭需要jquery.js的支持 <script> window.onbeforeunload = function() {

今天药忘吃喽~/ 2022年07月17日 00:27/ 0 赞/ 191 阅读

相关比较浏览器中刷新、强制刷新和重新载入三者区别

从 http 协议的角度来看 F5 和 Ctrl+R 都是普通刷新，若页面之前访问过，就会发一个空请求到服务器，服务器返回 302 ，表示资源未更新，可以使用浏览器缓存。

淩亂°似流年/ 2022年06月09日 12:51/ 1 赞/ 500 阅读

相关 js判断页面是首次加载还是刷新

1：利用window.name属性在页面刷新时不会重置判断（在改属性空置的情况下可使用） if(window.name == ""){ console

刺骨的言语ヽ痛彻心扉/ 2022年01月26日 05:21/ 0 赞/ 443 阅读

相关浏览器刷新页面后向服务器发出两次请求的问题

1.1.1 现象在IE和FireFox下刷新页面，发现服务器接收到两次相同的请求。 1.1.2 原因经过验证，发现是页面中包含了如下代码： <img src

阳光穿透心脏的1/2处/ 2022年01月15日 18:19/ 0 赞/ 849 阅读

相关 Vue监听页面刷新和关闭功能

我在做项目的时候，有一个需求，在离开（跳转或者关闭）购物车页面或者刷新购物车页面的时候向服务器提交一次购物车商品数量的变化。将提交的一步操作放到 beforeDestro

今天药忘吃喽~/ 2021年11月02日 17:06/ 0 赞/ 631 阅读

相关 js判断页面是首次被加载还是刷新

转载自：https://blog.csdn.net/shangxinwei/article/details/90411907 1 利用window.name属性在页面刷新时

悠悠/ 2021年09月19日 15:48/ 0 赞/ 371 阅读