すべてのページがポリマーに完全にロードされていることを確認するには

Question

すべてのコンポーネントをチェックする方法はありますか&要素はPolymerに完全にロードされていますか？私は現在、すべてのコンポーネントがポリマーに完全にロードされているときに、Polymerでバックグラウンドプロセスを実行または実行するように実装する予定です。私がPolymerで述べたように実装するためのヒントを教えてください。

Answer 1

すべてのカスタム要素は、カスタムシャドーDOMに更新されるまで未解決状態です。カスタム要素で、それが:defined擬似クラスによって決定されますV1、ウィッヒはquerySelectorでそれらを一覧表示させるために使用することができます：

let undefinedElements = document.querySelectorAll(':not(:defined)'); 
console.debug('undefinedElements', undefinedElements); 

ポリマー1.0 V0 APIにはそれを持っていたし、それはすることもできますので、それは、unresolved属性要素だ追加使用可能：あなたのbodyにunresolved属性を追加する場合は、すべてのポリマー要素は、それはシャドウDOMだに更新されている場合

let unresolvedElements = document.querySelectorAll('[unresolved]'); 
console.debug('unresolvedElements', unresolvedElements); 

その後、ポリマーは、ページにフェードインします。

注：それは最初の塗料をブロックしていますので、私は、bodyにunresolvedを使用することをお勧めしませんし、ユーザーは3秒後に残します。しかし、my-element[unresolved]にCSSルールを追加してサイズを与えてください。色は読み込まれた後に表示され、ユーザーは更新されたelmentsのみを表示しますが、ページが機能するまで表示されます。