2016-12-21 4 views
0

私は、Polymerがあらゆる場所でhtmlのインポートを使用することを理解します。例えば。htmlインポートポリマーの互換性

<link rel="import" href="bower_components/polymer/polymer.html"> 

私はhtmlのインポートに使用することができますが、それはクロムのための唯一のavailabeを言います。 http://caniuse.com/#search=html%20imports

これは、htmlインポート(上記のコード)を使用するポリマーで構築されたものは、Firefox、Safariなどの他のブラウザでは機能しませんか、htmlインポートと混同されますか?

答えて

1

すべてのブラウザのは、まだ回避策はa1626返信に追加するにはpolyfill

0

を使用することです、この機能を実装していないとして、ないすべてのブラウザがHTMLの輸入をサポートすることは事実です。この機能はWebブラウザの標準となる予定ですが、まだa work in progressです。

でも、a1626で述べたpolyfillを使用できます。これにより、すべての(現代の)ブラウザでポリマー成分を使用することができます。これを行うには、index.htmlページ(ポリマーコンポーネント自体を除いて、ポリマーコンポーネントをインポートして使用するhtmlページ)にwebcomponents.jsスクリプトをインポートするだけです。

それはPolymer project websiteで述べているように、あなただけのこの操作を行う必要があります。

<!-- Polyfill Web Components support for older browsers --> 
<script src="bower_components/webcomponentsjs/webcomponents-lite.min.js"></script> 

とのthats:

<!-- Polyfill Web Components support for older browsers --> 
<script src="components/webcomponentsjs/webcomponents-lite.min.js"></script> 

あなたはおそらくこれが亭からwebcomponentsjsなりますので、それは実際にはこれですそれは今、すべての現代のブラウザでポリマーを使用することができます:)

このライブラリは、あなたがすべてのポリマー成分を使用することができますhtmlのインポートを使用することができます最新のブラウザ。これはすでにこれがネイティブサポートされているChromeほど高速にはなりませんが、まだ完全に使用できるようになります。