Tomcat部署下能否在Chrome中免手动刷新自动重载js、css、html文件

纯靠Tomcat原生的配置开关，没法直接实现你要的「不用手动全页刷新、只在Chrome开发者工具的Source选项卡预览静态文件修改效果」的需求。整个实现链路需要拆成服务器端响应配置、浏览器端能力配置两个环节配套调整，没有一键就能开启的功能。

这是所有后续效果的基础，核心是关掉Tomcat对部署目录下静态文件的内置缓存，保证你改完磁盘上的css/js/html文件，服务器接收到请求就返回最新内容，全程不用重启Tomcat：

• 打开Tomcat全局配置文件conf/web.xml，定位到内置DefaultServlet的配置块，调整三个初始化参数：
  • 把development参数设为true：开发模式下关闭Servlet的静态文件内容预缓存，每次请求都直接从磁盘读取对应文件的最新内容
  • 把cacheMaxSize设为0：完全释放静态文件的缓存存储空间，从根源上避免Tomcat从缓存里读旧版本的资源
  • 把fileEncoding参数设为项目实际使用的编码格式，避免读取中文内容时出现乱码
• 这套配置只解决“服务器能把新文件返回给请求方”的问题，不会主动把修改推送到浏览器触发页面更新。

对应你需要的“不用手动全页刷新、在Source面板直接看修改效果”的诉求，根据你的修改场景选对应配置：

• 如果你直接改动Tomcat部署目录下的静态文件：
  打开DevTools设置里的Local overrides（本地覆盖）功能，把Tomcat部署的Web应用根目录设为本地覆盖的资源路径。此时你在Source面板对css/js/html的所有调整，都会直接在当前页面即时生效，不会触发全页刷新，修改内容会存在浏览器本地的覆盖缓存里，不会反向回写到服务器的实际文件。
• 如果你是修改本地开发的源文件，需要同步到Tomcat部署目录运行：
  打开DevTools的Workspace（本地工作区）持久化映射，把本地源码目录和Tomcat部署的对应资源目录做路径绑定。你在Source面板的修改会自动同步写入本地源文件，配合简单的文件同步工具把改动推送到Tomcat部署目录，就能实现改完立刻在面板预览，不需要手动刷新页面。
• 通用注意项：只要开着DevTools调试，一定要在Network面板勾选Disable cache。不然浏览器的强缓存机制会优先读本地存的旧静态文件，哪怕服务器已经返回了新内容，你也看不到实际的修改效果。

这种效果纯靠DevTools的配置实现不了，需要在项目的入口html里加一段极简的轮询脚本：每隔固定时间请求一个固定路径的版本校验文件，当检测到版本号和上次请求的不一致时，动态替换页面上引用的css/js链接地址，拉取最新的资源内容，全程不触发全页重载。这种脚本几十行就能写完，不需要引入重型的前端构建工具或者框架。 #

内容的提问来源于stack exchange，提问作者Godwin