IntelliJ IDEA中html、css、js和浏览器不同步问题

这几天和小伙伴一起练习做小项目时老是遇到idea中html、css、js和浏览器不同步问题，每次遇到这个问题都被恶心困扰了好久，而且每次的解决方案都不太一样。在此基础上，浅浅总结一下。

1.浏览器上的问题（主要是缓存问题）

要判断是不是这个问题，你可以把运行项目自动跳转浏览器的地址复制到另一个浏览器上运行（也可以通过修改idea中服务器的默认跳转浏览器）。比如：我的默认浏览器是Edge，我就复制到Chrome上运行。（要是你这两个浏览器都经常在项目中使用，那可能都不同步，可以尝试到没运行过的浏览器（Firefox）运行）

解决方案一：强制刷新

浏览器按下Ctrl + F5进行强制刷新。

解决方案二：清除浏览器缓存

找到浏览器的设置 清除缓存的文件、图片、Cookie和其他网站数据，可以确保浏览器加载的是最新的html、css、js文件，而不是缓存的旧文件。

以Edge示例：

2.idea上的问题（主要是编译和缓存问题）

判断是否为编译问题：找到项目目录下的out文件（编译后的文件），查看未同步的文件是否更新。

解决方案一：删除编译后的文件，再重新编译

解决方案二：服务器设置更新类和资源

解决方案三：开启自动编译

"File" 菜单下 点击 "Settings"（或者使用快捷键Ctrl+Alt+S），在设置窗口中，导航到“Build, Execution, Deployment” 下，点击 “Compiler”。勾选”Build project automatically“。

解决方案四：清理idea缓存并重启

"File" 菜单下 点击 "Invalidate Caches" 再点击 ”Invalidate and Restart“。