2016-08-25 61 views
5

如何禁用聚合物開發的HTML導入高速緩存?刷新瀏覽器時,不會顯示對我的自定義HTML Web組件所做的更改。聚合物:禁用HTML導入高速緩存

+0

緩存生產問題呢?這是完全一樣的東西。在大多數情況下,您不能要求所有用戶在新版本部署後清除緩存或禁用緩存。你認爲這樣的問題? –

+0

類似的問題 - https://stackoverflow.com/questions/25431641/polymer-html-import-caching。 –

回答

4

HTML導入緩存有時意味着導入的HTML文件所做的更改不會反映在瀏覽器刷新上。看看下面的進口爲例:

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

如果進行了更改後,以前加載的頁面做my-element.html,然後將修改後的文件可能不被下載,當它被刷新當前文檔中使用(因爲它是先前導入並緩存)。這對生產來說可能很好,但可能會阻礙發展。

要在谷歌瀏覽器禁用此:

  • 打開谷歌Chrome瀏覽器的DevTools
  • 選擇Main Menu>設置
  • 轉到網絡部分
  • 選擇「禁用緩存(而DevTools是開放的)「

這將避免緩存HTML導入,但只有當DevTools已經開放。

+2

簡單但不是很好的解決方案。瀏覽器緩存/刷新資源的方式取決於從服務器傳遞的標頭。因此,即使瀏覽器緩存處於打開狀態,也可以設置服務器以便發送已更改的資源。即如果您使用聚合物服務([polymer-cli](https://www.polymer-project.org/1.0/docs/tools/polymer-cli#serve)),則不必禁用瀏覽器緩存即可查看刷新。 –

+1

感謝弗拉德,這聽起來更好(如果安裝成本沒有超過這個好處)。您可以將此作爲答案以及實現此目的的步驟嗎?謝謝 – willsquire