2017-05-05 10 views
0

Firefox用のPolymer Webコンポーネントを有効にしてFirefox上のPolymer Webページをナビゲートできるようにしようとしています。Webjarsを使用しているWindows上のPolymer WebコンポーネントとMozilla Firefox

私はこれらの手順を試しましたが、何も変わっていないし、Firefoxが完全に私のコンポーネントを無視しているようです。

https://www.designedbyaturtle.co.uk/2015/how-to-enable-web-components-in-firefox-shadow-dom/

私もindex.htmlwebcomponents.js polyfillsをインポートしています。

だから、私がやったことは以下の通りです:

私はディレクトリelementsに、次のWebコンポーネントtest-firefox.htmlを書いた:

<dom-module name="test-firefox"> 
    <template> 
    <h2>Firefox says hi too!</h2> 
    </template> 
    <script> 
    Polymer({ 
     is: 'test-firefox' 
    }); 
    </script> 
</dom-module> 

、これが私のindex.htmlファイルです:

<!doctype html> 
<html> 
    <head> 
     <link rel="import" href="webjars/polymer/1.6.1/polymer.html"> 
     <script src="webjars/webcomponentsjs/0.7.22/webcomponents.js"></script> 
     <script src="webjars/webcomponentsjs/0.7.22/webcomponents-lite.min.js"></script> 

     <link rel="import" href="elements/test-firefox.html"> 

    </head> 
    <body> 
    <h1>Hello Firefox!</h1> 
    <test-firefox></test-firefox> 
    </body> 
</html>` 

ご覧のとおり、bower_componentsの代わりに、対応するwebjarsを使用しています(012の場合,webcomponents.js,webcomponents-lite.min.js)。私はpom.xmlにあるものの依存関係を追加しました。これらは通常インストールされています。

それでは、私はそれが起こる気づいたことは、非常に奇妙です:Google Chromeの

  • 、すべてが完璧に正常に動作します。
  • LinuxのMozilla Firefoxの場合も同様です。
  • Win10上のMozilla Firefoxの場合、Webコンポーネントはレンダリングされません。ブラウザが完全に無視するようなものです。

答えて

0

質問を書き直せますか?

Firefoxでウェブサイトを動作させるために何かを有効にする必要はありません(確かにhttps://www.polymer-project.org/にアクセスしてください)。

firefoxがコンポーネントを「無視する」場合、それらの要素のインポートが不足している可能性があります。

https://www.polymer-project.org/1.0/docs/devguide/registering-elementsを確認し、<link rel="import" href="bower_components/polymer/polymer.html">の使用方法を参照してください。また、自分のコンポーネントをこのようにインポートして機能させる必要があります。

+0

ありがとうございます。私はもう少し情報を与えるために上記の質問を書き直しました。私が以前に言及しなかったことは重要です。私がwebjarsを使用していることです。それに関する経験やアイディアがあれば、読んでいただければ幸いです。 – luthien

+0

申し訳ありませんwebjarsでの経験はありません。 あなたのコードは大丈夫ですが、 'webcomponents-lite.min.js'だけを使用していて、その記事のwebcomponentsの内部firefoxフラグを削除してください。コード内で何かが壊れている可能性があります。 ブラウザのコンソールを表示してください。誤ったインポートパスや404がないかどうか確認してください。 – Ergo

関連する問題