更改后CSS不刷新

Question

这是我的简单(我希望)问题:

我正在通过 tomcat 7 使用 eclipse 运行一个网络应用程序。我使用经典的 servlet-model-jsp 模式。我的问题是当我更改样式表 (CSS) 中的某些内容并重新启动 tomcat 并在 chrome 上重新加载页面时，新的 css 未加载到浏览器中(我通过浏览器检查它，我看到的与更改前相同) .

出了什么问题，我该怎么办？!

提前谢谢你:)

Answer 1

我认为这不是客户端问题。我认为这是 Eclipse/Tomcat 插件中的错误。如果您检查 servelet doGet 方法中的 request.getPathTranslated()，它将类似于

C:\Users\YourName\workspace\.metadata\.plugins\org.eclipse.wst.server.core\tmp1\
wtpwebapps\yourAppName\

因此在 eclipse 中运行的 tomcat 从那里提供静态内容，这与您正在编辑的静态内容的位置不同，后者通常类似于

C:\fullPathTo\yourAppName\src\main\webapp\static

eclipse 中的 Tomcat 经常忽略将静态内容从您编辑它的地方更新到插件...从它为您的网页提供服务的地方找到。

为了解决这个问题，我使用了 Beyond Compare 或类似的工具，并在目录之间设置了一个比较

C:\fullPathTo\yourAppName\src\main\webapp\static

和

...\.plugins\org.eclipse.wst.server.core\tmp1\wtpwebapps\yourAppName\static

如果 css 或其他静态更改(例如 javascript 文件)无法在浏览器中显示，只需快速刷新 Beyond Compare 窗口，这将突出显示不匹配的地方，手动复制它们，您就可以去。我知道这是一个 hack，但它对我有用，直到 eclipse 人员解决了这个问题。