idea修改项目代码，浏览器页面不生效解决方案

末蓝、 2023-10-09 21:11 20阅读 0赞

--------------------

### 使用快捷键ctrl + shift + delete，清理浏览器缓存 ###

--------------------

1、问题描述  
idea修改前端项目代码，运行谷歌浏览器不起作用。  
我也试过 rebuild project, 重启idea，等方法都不管用。  
![在这里插入图片描述][ea31f89791e941c8b9231f3af37ca35c.png]  
再次运行谷歌浏览器，还是没有变化。  
![在这里插入图片描述][e05f300304c34e2f9d3d25293768284e.png]

2、尝试了以下方法，还是不管用

2.1、rebuild project  
![在这里插入图片描述][28b6ca62ef9042a2a373eaaa397423d1.png]

2.2、设置idea自动编译  
**File->Settings->Build,Execution,Deployment->Compiler->勾选Build project automatically**  
2.3、ideal清理缓存并重启，  
**File -> Invalidate caches->Invalidate and Restart**

3、迎来了转机，就在我一筹莫展的时候，我用edge浏览器打开，惊奇的发现可以了

经常运行的谷歌浏览器，不起作用，但是在新浏览器edge上起作用，这可能与谷歌浏览器缓存有关，所以尝试清理谷歌浏览器缓存  
![在这里插入图片描述][058bf9a64b914a5ab5015c290898a2ef.png]  
4.最终解决方案，清理谷歌浏览器缓存  
使用快捷键清理缓存

*  ctrl + shift + delete
 *  选择时间范围，建议设置 大于等于24小时  
    ![在这里插入图片描述][cc63a8ab5c7e425da93fc894dfe464cf.png]  
    再次启动项目，运行正常。  
    ![在这里插入图片描述][eae2e0e762d24a0fb6e39fe4148bfa59.png]

[ea31f89791e941c8b9231f3af37ca35c.png]: https://img-blog.csdnimg.cn/ea31f89791e941c8b9231f3af37ca35c.png
[e05f300304c34e2f9d3d25293768284e.png]: https://img-blog.csdnimg.cn/e05f300304c34e2f9d3d25293768284e.png
[28b6ca62ef9042a2a373eaaa397423d1.png]: https://img-blog.csdnimg.cn/28b6ca62ef9042a2a373eaaa397423d1.png
[058bf9a64b914a5ab5015c290898a2ef.png]: https://img-blog.csdnimg.cn/058bf9a64b914a5ab5015c290898a2ef.png
[cc63a8ab5c7e425da93fc894dfe464cf.png]: https://img-blog.csdnimg.cn/cc63a8ab5c7e425da93fc894dfe464cf.png
[eae2e0e762d24a0fb6e39fe4148bfa59.png]: https://img-blog.csdnimg.cn/eae2e0e762d24a0fb6e39fe4148bfa59.png