禁用 HTML 导入缓存

HTML 导入缓存有时意味着对导入的 HTML 文件所做的更改不会在浏览器刷新时反映出来。以下面的导入为例:

<link rel="import" href="./my-element.html">

如果在先前加载页面后对 my-element.html 进行了更改,则更改后的文件可能无法下载并在刷新当前文档时使用(因为它以前是导入和缓存的)。这对于生产来说非常有用,但可能会阻碍开发。

要在 Google Chrome 中停用此功能:

  • 打开谷歌 Chrome 的 DevTools
  • 选择主菜单 >设置
  • 转到网络部分
  • 选择“禁用缓存(当 DevTools 打开时)”

这将避免缓存 HTML Imports,但仅限于 DevTools 打开时。