☰

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

tag-icon • tag-icon google-chrome browser
如何让 Chrome 重新加载页面的所有 JS 和 CSS 文件？

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

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

答案1

如果按“F12”打开 Chrome Dev Tools 并选择网络选项卡，则可以选择禁用缓存。

这仅在开发工具面板打开时有效。

Devtools 缓存

答案2

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

通过快捷键组合

  1. 确保 chrome开发者工具窗口打开（按 F12）
  2. 按Ctrl + Shift + R

通过设置属性网络标签

  1. 确保 chrome开发者工具窗口打开（按 F12）
  2. 前往网络标签
  3. 打钩禁用缓存复选框

长按重新加载按钮

  1. 确保 chrome开发者工具窗口打开（按 F12）
  2. 指向左上角的“刷新按钮”并长按鼠标左键
  3. 然后会出现一个下拉菜单，我们可以从中获得不同的选项，如下图所示：

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

答案3

硬加载也应该能解决问题。上面的答案并不总是对我有用，所以硬加载使它对我有用。

点击此处查看如何操作

答案4

按住 Ctrl 并单击“重新加载”按钮。或者，按住 Ctrl 并按 F5。只需按 F12 打开 Chrome Dev Tools。打开 Chrome Dev Tools 后，只需右键单击刷新按钮，就会出现一个下拉菜单。

相关内容