※ 作業中
対応ブラウザについて
Polymer 2.x は全ての主要ブラウザにおいて 最新と1つ前のバージョンで 動作します: Safari 9、IE 11以上、また最新のChrome、Firefox、Edge
対応状況
Polymerライブラリは、WebコンポーネントAPIにおける最上位の軽量レイヤーです。Polymerによって使用されるいくつかの機能は、(まだ)すべてのブラウザでネイティブにサポートされていません。幅広いWebコンポーネントのサポートのために、Polymerは webcomponents.org の ポリフィル を使用します。これは軽量で、うまく動作し、Polymerが必要とする機能をサポートします。
このポリフィルによって、Polymerは次のブラウザで動作します。
Chrome | Firefox | IE 11+/ Edge |
Opera | Safari 9+ | Chrome
(Android) |
Safari (iOS 9+) |
|
---|---|---|---|---|---|---|---|
Template | Native | Native | 部分的 | Native | Native | Native | Native |
HTML Imports | Native | Polyfill | Polyfill | Native | Polyfill | Native | Polyfill |
Custom Elements | Native | Polyfill | Polyfill | Native | 部分的 | Native | 部分的 |
Shadow DOM | Native | Polyfill | Polyfill | Native | 部分的 | Native | 部分的 |
参考:
- Templates はEdgeではサポートされていますが、IEではされていません。
- SafariはCustom Elementsのサポートを10.3から開始しています。
- SafariはShadow DOMのサポートを10.2から開始していますが、10.3でもいくつか問題が残っています。
- 古いバージョンのAndroidブラウザはいくつか動作に問題があるでしょう。問題を発見したらイシューとして報告してください。
Chrome for Androidはサポートされています。
さらに詳しい情報はPolyfillsを参照してください。
ES6
Polymer 2.x は EcmaScript 2015 (ES6)を使用します。次のブラウザは、Polymerに必要なすべてのES6の機能をサポートしています。
- Chrome もしくは Chromium の49以上
- Opera 36以上
- Safari もしくは Mobile Safari 10以上
- Edge 15.15063以上
- Firefox 51以上
他のブラウザでは、ES5にコンパイルする必要があります。
さらに詳しい情報はES6からES5へのコンパイルを参照してください。