Question

我正在使用Polymer制作SPA网站。我的主要HTML页面如下所示：

<!DOCTYPE html>
<html lang="en">
  <head>
    <script src="/bower_components/webcomponentsjs/webcomponents.js"></script>
    <script src="/bower_components/system.js/dist/system.js"></script>
    <script>
      System.config({
        map:{
          traceur: '/bower_components/traceur/traceur.min.js'
        }
      });
    </script>
    <meta charset="UTF-8">
    <link rel="import" href="/html/foobar-app.html">
  </head>
  <body>

    <foobar-app></foobar-app>

  </body>
</html>

将foobar-app定义为：

<link rel="import" href="/bower_components/polymer/polymer.html">
<link rel="import" href="/bower_components/iron-pages/iron-pages.html">
<link rel="import" href="/bower_components/paper-toast/paper-toast.html">
<link rel="import" href="/html/pages/all-territories.html">
<link rel="import" href="/html/pages/app-login.html">

<dom-module id="foobar-app">
  <template>
    <style></style>

    <iron-pages id="pages" selected="1">
      <app-login on-logged-in="onLoggedIn"></app-login>
      <all-territories></all-territories>
    </iron-pages>

    <iron-ajax
      url="http://api.foobar.com/data">
    </iron-ajax>
  </template>

  <script>
    (function() {
      Polymer({
        is: 'foobar-app',
        // ...
      });
    })();
  </script>
</dom-module>

当我对foobar-app的代码进行更改时，一切正常，如果我刷新页面则更新。但是如果我对其中一个子组件或其中一个子组件自己的子组件进行了更改，则相关的html不会刷新，我必须手动浏览到相关的HTML文件并按下刷新。否则，只刷新顶级HTML文件（foobar-app.html）。

如何让Chrome刷新当前页面及其所有导入，子导入等，无论深度如何？

我尝试了以下但没有成功：

按两次CTRL + MAJ + R
按两次CTRL + R

Answer 1

尝试打开此页面的检查器（右键单击，检查）。然后右键单击刷新图标，最后选择＆＃34; Empty Cache and Hard Reload＆＃34;从刷新下拉。

我在使用IFrame时遇到了问题，但从来没有ajax调用;但这为我解决了。

Chrome - 一次刷新HTML页面，子页面，子子页面等

1 个答案: