浏览器清除页面JS文件缓存的方法

  在调试JavaScript的时候, 有时即使刷新页面, 最新的改动也不会生效, 这是因为浏览器为了方便将JS文件进行了缓存, 因此无论怎样刷新, 使用的仍然是历史版本. 遇到这种情况的时候有两种解决方案

  第一种相对比较简单:

    首先按 F12 键进入浏览器的开发者模式, 接着点击图片所示的 Network 此时勾选 Disable cache 就完成了.

    这个时候只需要刷新页面 F5 即可加载最新版本的JS文件, 即可展示对JS文件做出的改动

  

  第二种方案通过修改浏览器设置, 对于不同的浏览器可能进行设置的方法不同, 但原理是相同的

  (本文针对浏览器)

  

  这里可以通过快捷键快速进入设置, 首先按下 F12 进入浏览器开发者模式, 此时按下 F1 即可进入设置界面, 通过下图勾选设置即可, 效果同方案一

  

  如果快捷键存在冲突时, 可以按照下面的步骤进入, 设置方法同上

  

原文地址:https://www.cnblogs.com/dmcs95/p/10952154.html

时间: 2024-08-25 21:57:46

浏览器清除页面JS文件缓存的方法的相关文章

关于controller返回的页面js文件和css文件404问题的正式解决

谨用此博客记录一下这条卡了两个星期的bug-- 还是之前的问题,通过get方法,后台@Controller返回页面然后弹窗.但是不知道为什么一直所有js文件和css文件都报404-- (之前的博客记录:http://www.cnblogs.com/wangshen31/p/8655044.html) 然后把get方法改成了post方法就解决了!!!然后就先没管.写到了后面,弹窗多了,发现最后在submit操作的时候,发现不知道为什么layui.form的监听submit总是监听到两次submit

Delphi 中调用JS文件中的方法

unit Unit1; interface uses Windows, Messages, SysUtils, Variants, Classes, Graphics, Controls, Forms, Dialogs, StdCtrls,ComObj,ActiveX; type TForm1 = class(TForm) Memo1: TMemo; Button1: TButton; procedure FormCreate(Sender: TObject); procedure Button

Myeclipse不显示js文件错误的方法

最近在学后台,用Myeclipse ,那么问题来了,Myeclipse 总是喜欢报 js 文件的错误,这就很烦了,看着也不舒服. 查看资料后,解决方法如下: 项目[鼠标右键] -> MyEclipse -> manage validation -> Excluded resources -> 找到忽略错误的文件 -> 打上钩 -> apply 这个完全是防止自己下次再忘...

如何将浏览器上的JS文件屏蔽

在学习自定验证时,需要在页面上进行调试运行结果,这时的JS会影响运行结果的显示,所以我们会将JS代码屏蔽掉,那么我们该如何做呢? 第一步: 在浏览器地址栏输入about:config  点击“我保证会小心”: 第二步:在搜素栏输入“javascript.enabled”: 第三步:右击“javascript.enabled”选项,点击切换: 第四步:出现以下界面,说明设置成功:(提示:使用过后记得改回来,同样是点击切换即可) 这样就好了...

解决项目迭代css,js文件缓存问题

项目迭代过程中,新的改版,经常会出现样式不向下兼容的情况.发布线上之后,由于导致新的html文件引用了上一版本缓存css,导致样式错乱. 只需在引用文件路径后,加上版本识别号参 version.不用更改原文件名. 版本可以自己定如1.0.1. <!-- css --><link rel="stylesheet" type="text/css" href="/UI/css/common.css?version=1.0.1">

Js文件中调用其它Js函数的方法

Js文件中调用其它Js函数的方法 在项目开发过程中,也许你会遇这样的情况.在某一Js文件中需要完成某一功能,但这一功能的大部分代码在另外一个Js文件中已经完成了,自己只需要调用这个方法再加上几句代码就可以实现所需的功能.我们知道,在html中,利用<script language="javascript" type="text/javascript" src="../script.js"></script>引入的两个js是

新建js文件中自己编写的方法,在其他.vue文件中调用

比如在一个vue项目中,需要重复使用某个方法,可以将该方法封装在一个js文件中,然后在需要使用该方法的.vue文件中直接导入该js文件,使用js文件中的方法. 实现代码: 1.js: export default{ //时间戳转换为正常时间格式 timeStampChange:function(time){ let p = ''; var date = new Date(time); // 获取时间戳 let y = date.getFullYear(); let MM = date.getMo

使用getScript()方法异步加载并执行js文件

使用getScript()方法异步加载并执行js文件 使用getScript()方法异步请求并执行服务器中的JavaScript格式的文件,它的调用格式如下所示: jQuery.getScript(url,[callback])或$.getScript(url,[callback]) 参数url为服务器请求地址,可选项callback参数为请求成功后执行的回调函数. 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//E

JS引用另外JS文件的顺序问题。

1.在a.js中可以引用b.js文件,这样就可以在网页中只引用a.js文件,从而可以使用a.js和b.js文件中的所有方法. 引用格式如下:document.write('<script type="text/javascript" src="js/jquery-min.js"></script>'); 2.这样引用以后发现一个问题,即b.js文件中的方法实际是在页面全部加载完成后才能使用. 例如,a.js中引用的是jquery.js文件,如