谷歌浏览器调试前端功能时的三种刷新方式

问题描述

在谷歌浏览器开发前端功能时，刷新页面后修改的js、css等前端文件不生效，需要ctrl+shift+del清理缓存才可以，严重影响了调试、开发效率。

解决方法

谷歌浏览器有三种刷新方式：正常重新加载方式、硬性重新加载、清空缓存并硬性重新加载
在浏览器页面按下F12，然后右键地址栏左侧的刷新按钮即可查看得到，如下图所示

正常重新加载（Ctrl+R），使用缓存正常重新加载
硬性重新加载（Ctrl+Shift+R），浅层次的清空缓存并重新加载，缓存不一定全都清除
清空缓存并硬性重新加载，清空当前页面所有缓存（比如一些静态资源文件）并重新加载

一般硬性重新加载就可以使修改前端内容生效，若是不生效可以再试一下清空缓存并硬性重新加载方式，可以根据具体情况使用合适的加载方式。

谷歌浏览器调试前端功能时的三种刷新方式相关推荐

chrome的三种刷新方式
参考:Chrome浏览器中的三种刷新模式.硬性重新加载与清空缓存并硬性重新加载.状态码304介绍 chrome存在三种刷新方式,可以通过打开浏览器开发者模式:ctrl + shift + I打开后右击 ...
【计算机组成原理】动态RAM（DRAM）的三种刷新方式
动态RAM共有三种刷新方式:集中刷新,分散刷新,异步刷新刷新的实质:先将原信息读出,再由刷新放大器形成原信息重新写入的再生成的过程为什么要进行刷新:存储单元被访问是随机的,有些存储单元可能长时间的 ...
web前端学习day_02:CSS:三种使用方式/选择器/颜色/背景图片/查看样式/文本/元素显示方式/盒子模型/定位方式/行内对齐/显示层级/防溢出
CSS : Cascading Style Sheet 层叠样式表. 作用: 美化页面 CSS 如何在html页面中添加css样式代码?总共有三种方式: 1.选择器 2.选择器练习: 3.颜色赋值 4 ...
DRAM的三种刷新方式的刷新周期问题
定时刷新的原因:由于存储单元的访问是随机的,有可能某些存储单元长期得不到访问,不进行存储器的读/写操作,其存储单元内的原信息将会慢慢消失,为此,必须采用定时刷新的方法,它规定在一定的时间内,对动态RA ...
浏览器的三种刷新方式
F5:不允许浏览器直接使用本地缓存,因此Last-Modified能起作用,但Expires无效 Ctrl+F5:是强制刷新,因此缓存机制失效 "转至"或地址栏里回车:正常的访问, ...
外部导入方式添加背景图_web前端基础：CSS的三种导入方式说明
随着html的成长,为了满足页面设计者的要求,HTML添加了很多显示功能.但是随着这些功能的增加,HTML变得越来越杂乱,而且HTML页面也越来越臃肿.于是css便诞生了. Web前端基础教程,Web ...
java aot,Java三种编译方式：前端编译 JIT编译 AOT编译
java程序代码需要编译后才能在虚拟机中运行,编译涉及到非常多的知识层面:编译原理.语言规范.虚拟机规范.本地机器码优化等:了解编译过程有利于了解整个Java运行机制,不仅可以使得我们编写出更优秀的代 ...
iDesktop点数据集构建DEM时三种插值方式的选择
转自:https://blog.csdn.net/supermapsupport/article/details/76252498 点数据构建DEM的时候,可以选择三种插值方式,分别是不规则三角网法, ...
“前端开发中的三种定时任务及其应用“
前端定时任务是指在一定时间间隔内,自动执行指定的操作或函数.在前端开发中,定时任务被广泛应用于诸如数据更新.定时提醒.定时刷新页面等方面.在本文中,我们将介绍前端中常见的三种定时任务,分别是 setT ...

谷歌浏览器调试前端功能时的三种刷新方式

问题描述

解决方法

谷歌浏览器调试前端功能时的三种刷新方式相关推荐

最新文章

热门文章