Polymer:禁用HTML导入缓存

wil*_*ire 5 html import caching google-chrome polymer

如何禁用Polymer开发的HTML导入缓存?刷新浏览器时,我的自定义HTML Web组件所做的更改未显示.

wil*_*ire 4

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

<link rel="import" href="./my-element.html">
Run Code Online (Sandbox Code Playgroud)

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

要在 Google Chrome 中禁用此功能:

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

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

  • 简单但不是很好的解决方案。浏览器缓存/刷新资源的方式取决于从服务器传递的标头。因此,可以设置服务器,以便即使浏览器缓存打开,它也会发送更改的资源。即,如果您使用聚合物服务([polymer-cli](https://www.polymer-project.org/1.0/docs/tools/polymer-cli#serve)),则无需禁用浏览器缓存即可查看更改刷新时。 (2认同)