如何让 Chrome 重新加载页面的所有 JS 和 CSS 文件？

Question

据了解，使用shift+ ctrl+R可以用来强制Chrome浏览器的重新加载，而不是从缓存中读取页面。但是，在重新加载图像时，不会加载 JS 和 CSS 文件。目前我必须在隐身模式下测试我的页面，关闭并重新打开隐身选项卡，以确保页面没有使用缓存的 JS 和 CSS 文件。

是否有任何设置或热键可以在正常模式下执行此操作？每次需要测试 CSS 或 JS 文件的变化时，重新打开窗口真的很累。

Answer 1

如果您按“F12”打开 Chrome 开发工具并选择网络选项卡，您可以选择禁用缓存。

这仅适用于开发工具面板打开。

Answer 2

有几种方法可以在 chrome 中硬重新加载网站。所有这些都需要我们打开 chrome开发者工具。

通过快捷键组合

1. 确保 chrome Developer Tools窗口已打开（按 F12）
2. 按Ctrl + Shift + R

通过在网络选项卡中设置属性

1. 确保 chrome Developer Tools窗口已打开（按 F12）
2. 转到网络选项卡
3. 勾选禁用缓存复选框

通过长按重新加载按钮

1. 确保 chrome Developer Tools窗口已打开（按 F12）
2. 指向左上角的“刷新按钮”并长按鼠标左键
3. 然后将出现一个下拉列表，我们将在其中获得不同的选项，如下图所示：

Answer 3

您应该尝试使用 Ctrl+R 或 Ctrl+F5，或者转到 DevTools 中的“网络条件”选项卡（快捷键是 Ctrl+Shift+I）并勾选禁用缓存...。