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

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

问题产生

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

可能的原因：

1.eclipse发布没成功（第一次尝试解决，结果未成功）

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

2.tomcat中webapps中文件没有更新（第二次尝试解决，结果未成功）

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

3.tomcat缓存问题（第三次尝试解决，结果未成功）

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

4.浏览器缓存问题（第四次尝试解决，结果成功）

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

总结

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