大家好，今天来为大家解答谷歌 js 浏览器刷新这个问题的一些问题点，包括google浏览器刷新也一样很多人还不知道，因此呢，今天就来为大家分析分析，现在让我们一起来看看吧！如果解决了您的问题，还望您关注下本站哦，谢谢~

本文目录

1. 怎么判断是手动刷新浏览器还是程序刷新浏览器
2. 谷歌浏览器vue调试方法介绍
3. 在js中,浏览器关闭还是刷新应该怎么判断

一、怎么判断是手动刷新浏览器还是程序刷新浏览器

1、一、目前搜出来比较普遍的根据beforunload以及unload执行的间隔时间

2、window.onbeforeunload=function(e){//执行该事件时将当前时间存入cookie

3、 this.$cookies.set('_onbeforeTime',new Date().getTime());//格式：名称，值，时长（可不填）

4、 this._unloadTime=new Date().getTime();

5、 this._onbeforeTime=this.$cookies.get('_onbeforeTime');//读取cookie值

6、 this._gap_time=this._unloadTime-this._onbeforeTime;//两个事件执行间隔时间

7、/**判断间隔时间，根据个人浏览器性能而定，需要进行测试。

8、/*这里测试出的数据关闭浏览器是在0~8ms

9、/*不同浏览器数据不同，火狐在关闭浏览器时时间差在0~20ms，刷新则在15ms以上

10、 if(!this.isLogin) window.localStorage.clear();

11、 this.$cookies.remove()//清除cookie缓存

12、由于不同浏览器之间两个方法的执行间隔时间不同，因此该方法会不太稳定，建议多测试找到一个稳定的间隔数值

13、二、原理同上，根据unload以及load的间隔时间判断

14、一般来说，在刷新时两个方法是紧接着执行的，间隔时间相较于重新打开浏览器而言会小很多，同样的，间隔时间需要多做测试取准确值，此方法相较于第一个方法而言，准确度会高很多

15、window.onunload=function(e){//执行该事件时将当前时间存入cookie

16、 this.$cookies.set('_onbeforeTime',new Date().getTime());//格式：名称，值，时长（可不填）

17、 this._unloadTime=new Date().getTime();

18、 this._onbeforeTime=this.$cookies.get('_onbeforeTime');//读取cookie值

19、 this._gap_time=this._unloadTime-this._onbeforeTime;//两个事件执行间隔时间

20、/**判断间隔时间，需要进行测试。

21、/*这里测试出的数据关闭浏览器是在10000ms以上

22、 if(this._gap_time> 10000){

23、 if(!this.isLogin) window.localStorage.clear();

24、 this.$cookies.remove()//清除cookie缓存

25、三、根据window.performance.navigation.type属性判断（该属性返回一个整数值，表示网页的加载来源，可能有以下4种情况）：

26、0：网页通过点击链接、地址栏输入、表单提交、脚本操作等方式加载，相当于常数performance.navigation.TYPE_NAVIGATE。

27、1：网页通过“重新加载”按钮或者location.reload()方法加载，相当于常数performance.navigation.TYPE_RELOAD。

28、2：网页通过“前进”或“后退”按钮加载，相当于常数performance.navigation.TYPE_BACK_FORWARD。

29、255：任何其他来源的加载，相当于常数performance.navigation.TYPE_RESERVED。

30、四、在window上添加属性进行区分是否被刷新或者是第一次加载，即使页面刷新， name属性值也不会被重置，除非手动关闭当前页面

31、五、（只限于谷歌浏览器）根据window.chorme.loadTime().navigation

二、谷歌浏览器vue调试方法介绍

1、进入verder下的 manifestjson，修改persistent为 true，保存刷新浏览器扩展程序即可使用运行vue程序，即可在控制台中看到此调试工具vue devtools在用vue做的网站上会变亮但不能查看其结构只有在本地运行的项目才。

2、工具谷歌浏览器步骤打开开发者工具，可以直接在页面上点击右键，然后选择审查元素或者在Chrome的工具中找到或者直接记住这个快捷方式 Ctrl+Shift+I或者Ctrl+Shift+J直接打开控制台，或者直接按F12打开的开发者工具就。

3、使用的工具谷歌浏览器测试的网站可以按照下面的方法进行调试1f12打开开发者工具，控制台介绍Elements页面元素，可以进行编辑，保存后实时查看页面效果Network查看js模拟的。

4、在谷歌浏览器中按f12，然后选下面的scripts，就可以调试js代码了，点击左边的列数可以设置断点，再点击一下，取消断点。

5、首先请打开“谷歌浏览器”废话，然后打开一个网页，按“F12”会出现一个控制台，找到一个叫做“Sources”，点击它 OK，如果你的页面现在已经加载过JS脚本的话，那么应该可以看到一些JS文件了然后你可以在左侧侧栏的序号。

6、在js代码里面写一行debugger标记，之后再浏览器界面打开F12，之后会自动进入断点状态，F11是单步调试，F8是跳过断点。

7、首先是启动谷歌浏览器的开发者工具的方法在浏览器右上角的选项中点击，下拉菜单选工具开发者工具，快捷键CTRL+shift+I打开开发者工具后，在浏览器下方出现一个调试面板左侧是网页HTML调试查看，右侧是CSS代码调试。

8、这里主要介绍三种方法1Chrome DevTools谷歌浏览器的模拟手机调试 2IOS Safari真机调试 3Chrome DevTools远程调试Android这种调试方式不仅能用于模拟手机调试还是主要的PC端页面调试的方式，这里主要说用于手机调试a。

9、谷歌浏览器使用方法1百度搜索“谷歌浏览器”点击下载开始安装2双击“谷歌浏览器”下载程序，五秒后直接安装成功，并且自动打开浏览器界面3安装完后，我们来看一下关于“谷歌浏览器”都有哪些功能，点击最上面的。

10、本文会教你如何在桌面电脑手机或平板电脑上使用Google Chrome网页浏览器掌握了基础要点后，可以再继续学习如何添加扩展程序进行个性化设置和在电视上使用Chrome方法1在Windows电脑使用Chrome1在电脑上安装Chrome如果你还未安装。

11、新颖惊艳的Impressjs内容展示效果库，类似3D版 PPT Kinect+WebGL其他各种有用的库等此外今年还新增了专门面向移动设备的页面更多的谷歌浏览器运用方法可以参考。

12、1chrome被你人为重置了2清理软件将chrome所有设置重置3为防止chrome设置在用户不知情的情况下被篡改，google的新政策会在甚至异常的情况下自动重置。

13、更换成videojs插件一直提示无法找到视频文件正确路径，无法播放原因在于视频播放需要在DOM加载完毕，并且获取到后端返回的视频播放地址之后才可以正确播放video，英语单词，主要用作名词形容词动词，作名词时意为视频。

14、F12，打开Elements，定位到该元素，点击右侧Event Listeners可以看到绑定的事件。

15、审查元素里是浏览器解析完的代码比如说某个元素比如图片，文字，按钮在当前页面代码的出现位置，是不能看的所谓的网页具体位置。

16、远程调试是用来调试运行在安桌上的浏览器中的网页，本地网页可以用WebStorm发布成Web服务，就可以用谷歌浏览器的远程调试来调试了如没有特别需求，本地网页可以在Chrome中直接调试的。

17、关于谷歌应用问题1由于谷歌之前已经退出中国大陆市场，所以在中国大陆上市的三星Android系统手机均不内置googlePlayStore以及其它的Google应用软件 2谷歌相关应用程序如googlePlayStore在中国大陆上市的手机中无法安装使用。

三、在js中,浏览器关闭还是刷新应该怎么判断

页面刷新时先执行onbeforeunload，然后onunload，最后onload。

//页面刷新时，刷新之前执行onbeforeunload事件，在新页面即将替换旧页面时onunload事件，最后onload事件。

//页面关闭时，先onbeforeunload事件，再onunload事件。

//页面刷新时，只执行onunload；页面关闭时，只执行onbeforeunload事件

那么回归正题，到底怎样判断浏览器是关闭还是刷新？我按照网上的各种说法实验千百遍，都未成功，其中各种说法如下：

window.onbeforeunload= function()//author: meizz

var n= window.event.screenX- window.screenLeft;

var b= n> document.documentElement.scrollWidth-20;

if(b&& window.event.clientY< 0|| window.event.altKey)

window.event.returnValue="";//这里可以放置你想做的操作代码

window.onbeforeunload= function()//author: meizz

var n= window.event.screenX- window.screenLeft;

var b= n> document.documentElement.scrollWidth-20;

if(b&& window.event.clientY< 0|| window.event.altKey)

window.event.returnValue="";//这里可以放置你想做的操作代码

if(event.clientX<=0&& event.clientY<0){

这些方法都不管用，但是我并没有放弃，想啊想啊........

//页面刷新时，刷新之前执行onbeforeunload事件，在新页面即将替换旧页面时onunload事件，最后onload事件。

//页面关闭时，先onbeforeunload事件，再onunload事件。

//页面刷新时，只执行onunload；页面关闭时，只执行onbeforeunload事件

刷新的时候先onbeforeunload，然后取服务端请求数据，在新页面即将替换旧页面时onunload事件，而页面关闭时，先onbeforeunload事件，再立即onunload事件。那么在刷新的时候，onbeforeunload与onunload之间的时间肯定比关闭的时候时间长，经过测试确实如此。

var _beforeUnload_time= 0, _gap_time= 0;

var is_fireFox= navigator.userAgent.indexOf("Firefox")>-1;//是否是火狐浏览器

_gap_time= new Date().getTime()- _beforeUnload_time;

$.post(pathName+"/back/bi!aaaa.s2?t="+_beforeUnload_time,{msg:"浏览器关闭",time:_gap_time},function(json){},"text");

$.post(pathName+"/back/bi!aaaa.s2?t="+_beforeUnload_time,{msg:"浏览器刷新",time:_gap_time},function(json){},"text");

window.onbeforeunload= function(){

_beforeUnload_time= new Date().getTime();

$.post(pathName+"/back/bi!aaaa.s2?t="+_beforeUnload_time,{msg:"火狐关闭"},function(json){},"text");

谷歌 js 浏览器刷新和google浏览器刷新的问题分享结束啦，以上的文章解决了您的问题吗？欢迎您下次再来哦！