【问题标题】:Polymer: Disable HTML Import cachingPolymer:禁用 HTML 导入缓存
【发布时间】:2017-01-01 19:07:45
【问题描述】:

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

【问题讨论】:

  • 生产环境中的缓存问题如何?这在那儿是完全一样的。而且在大多数情况下,您不能要求所有用户在新版本部署后清除缓存或禁用缓存。你会考虑这样的问题吗?

标签: html google-chrome caching import polymer


【解决方案1】:

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

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

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

要在 Google Chrome 中禁用此功能:

  • 打开谷歌浏览器的DevTools
  • 选择Main Menu > 设置
  • 转到网络部分
  • 选择“禁用缓存(在 DevTools 打开时)”

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

【讨论】:

  • 简单但不是很好的解决方案。浏览器缓存/刷新资源的方式取决于从服务器传递的标头。因此可以设置服务器,即使浏览器缓存打开,它也会发送更改的资源。 IE。如果您使用聚合物服务 (polymer-cli),则无需禁用浏览器缓存即可在刷新时查看更改。
  • 感谢弗拉德,这听起来确实更好(如果设置成本不超过所带来的好处)。您能否将其发布为答案以及实现此目标的步骤?谢谢
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-11-08
  • 2016-12-07
  • 1970-01-01
  • 2014-11-13
  • 1970-01-01
相关资源
最近更新 更多