私はPolymerを使用してSPAウェブサイトを作成しています。私のメインのHTMLページには次のようになります。私は、私はページを更新する場合のコードすべてがうまくや更新を作品foobar-app
を変更するとChrome - HTMLページ、サブページ、サブサブページなどを一度に更新する
<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
と
<!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>
のように定義されました。しかし、サブコンポーネントの1つまたはサブコンポーネント自身のサブコンポーネントの1つに変更を加えた場合、関連するHTMLはリフレッシュされず、関連するHTMLファイルを手動で参照してリフレッシュする必要があります。それ以外の場合は、一番上のHTMLファイルのみが更新されます(foobar-app.html
)。
どのようにして、現在のページとそのインポート、サブインポートなど、すべての深みを更新するようChromeに依頼できますか?
私は成功せず、次のことを試してみた:
- は二回
- (クリック右、調べ)このページのインスペクタを開いてみてください
CTRL + R
二回
新しいシークレットウィンドウでページを開くと、新しいコンテンツが正しく表示されます。 – ShaBANG
@ShaBANGいいえ、シークレットモードでも問題が発生します。 – Flawyte