【JS】问题——解决JS文件页面更新不生效问题

时间:2024-10-30 07:59:39

解决JS文件页面更新不生效问题

问题产生

昨天在本地测试一个web项目,启动后页面某个按钮点击没反应,通过浏览器控制台,追了追代码发现js写法不支持,就顺手把js文件给改了。然后重新发布,点击按钮发现还是没反应,F12追了下代码,发现js文件更改的部分还是原来的代码。

可能的原因:

发布没成功(第一次尝试解决,结果未成功)

奇怪了??难道是因为重新发布的时候没有发布好吗?怀着怀疑的心情,我尝试重新发布一下,然后运行,还是不行!

中webapps中文件没有更新(第二次尝试解决,结果未成功)

为什么?这时我想到是不是在eclipse中发布成功了,但是tomcat中webapps(或者是wtpwebapps,看个人项目)的文件没有更新呢?我又重新去找tomcat中的项目文件,发现这个js已经是更改过的js文件了,那就更奇怪了!

缓存问题(第三次尝试解决,结果未成功)

可能是tomcat缓存问题吧?为了保险起见,我重新clean项目,然后remove了工程项目,clean tomcat,然后重新发布,运行,还是不行!!!缓存没有清理掉吗?我试了试换一个tomcat重新发布也还是不行!看来不是tomcat问题。那就奇怪了,一般情况最有可能要有问题的就是这三方面,为啥都没问题啊!那到底是哪出现问题了?

4.浏览器缓存问题(第四次尝试解决,结果成功)

一开始没有想到浏览器缓存问题,就把这个问题搁置了。等今天早上来公司,我想到了,可能是浏览器有缓存!于是重新启动项目,运行,Ctrl+F5强制刷新页面,好了!Nice~

总结

常规解决文件不能生效的问题可以按照上面的步骤1-3,如果遇到js文件,css文件等可能有浏览器缓存,到时候要执行一下浏览器强制刷新!

相关文章