LoginSignup
0

More than 5 years have passed since last update.

Polymerドキュメント(日本語) Browser support/Overview 対応ブラウザについて

Last updated at Posted at 2017-07-09

※ 作業中

目次へ移動

翻訳ドキュメントの管理ページ

対応ブラウザについて

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へのコンパイルを参照してください。

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0