彻底清除浏览器缓存的终极可靠方法？Liferay+d3.js开发缓存求解

针对你用Liferay CMS开发D3.js图表时遇到的缓存问题，以下是几个彻底且可靠的解决办法：

浏览器端即时生效方案 #

• 强制刷新快捷键：使用Ctrl+Shift+R（Windows/Linux）或Cmd+Shift+R（Mac），这会强制浏览器绕过本地缓存，重新加载所有资源，比普通刷新更彻底。
• 开发模式禁用缓存：打开浏览器开发者工具（F12），切换到「Network」面板，勾选「Disable cache」选项（需保持开发者工具开启才生效），这样每次刷新都会拉取最新资源，无需手动清理缓存。

Liferay服务器端缓存关闭（开发环境） #

Liferay默认会缓存主题、Portlet的静态资源，需要在开发环境关闭这些缓存：

1. 找到Liferay的portal-ext.properties配置文件（若没有则基于portal-setup-wizard.properties复制创建）
2. 添加以下配置并重启服务器：

   theme.css.fast.load=false
   theme.images.fast.load=false
   javascript.fast.load=false
   layout.template.cache.enabled=false
   browser.cache.disabled=true
   

   配置生效后，服务器不会缓存静态资源，前端修改后直接同步到页面。

资源版本化（通用方案） #

在引用自定义JS/CSS或D3相关资源时，手动添加版本参数，比如：

<script src="/o/your-portlet/js/d3-chart.js?v=20240520"></script>

每次修改代码后更新版本号（比如用日期、迭代号），浏览器会识别为新资源，自动加载最新内容，这个方法在测试和预发布环境也适用。

Liferay后台手动清缓存 #

如果修改了Portlet或主题配置，可通过后台强制清除服务器缓存：

• 进入Liferay控制面板 → 服务器管理 → 资源，点击「清除缓存」按钮，一次性清空服务器端的资源缓存。

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