@honeo/web-api-polyfill

web-api-polyfill

• honeo/web-api-polyfill
• @honeo/web-api-polyfill

なにこれ

自分で使うWebAPIのPolyfill詰め合わせ。

使い方

Babelを通すとコケるかもしれない。

$ npm i @honeo/web-api-polyfill

require('@honeo/web-api-polyfill');

参考

• HTML5 Cross Browser Polyfills · Modernizr/Modernizr Wiki
• Polyfills as a Service

使ってるやつ

自前

document.head
Element.prototype.matches => dom4
location.origin
HTMLCollection, NodeListをIterableに。

BroadcastChannel

• pubkey/broadcast-channel: BroadcastChannel that works in New Browsers, Old Browsers, WebWorkers and NodeJs

CSS.supports

• termi/CSS.supports

DOMParser

• DOMParser HTML extension - Now a polyfill since HTML parsing was added to the DOMParser specification

EventTarget

• WebReflection/event-target: The EventTarget Class Polyfill.

fetch

• github/fetch: A window.fetch JavaScript polyfill.

dom4

• WebReflection/dom4

DOM Lv.4その他。

不具合

Firefox拡張機能のContentsScript内コンテキストではパーミッションエラーが出て動作しない。

ParentNode

ParentNode.prepend(), ParentNode.appnd(), ParentNode.query(), ParentNode.queryAll()

ChildNode

ChildNode.before(), ChildNode.after(), ChildNode.replaceWith(), ChildNode.remove()

Element

Element#classList, Element#matches(), Element#closest()

Event

add,removeEventListener(,,object)

Other

requestAnimationFrame() => requestAnimationFrame polyfill

ChildNode

• JAK/childNode.js at master · seznam/JAK => dom4

classList

• eligrey/classList.js => dom4

requestAnimationFrame

• requestAnimationFrame polyfill
• setTimeout実装、dom4内蔵のものはレガシー環境で止まりやすいため。

performance.now()

• performance.now() polyfill (aka perf.now())

URL

• lifaon74/url-polyfill: Polyfill URL and URLSearchParams to match last ES7 specifications

Web Animations API

• web-animations/web-animations-js

不具合

• Firefox v~57
  • SDK, WebExtensionsともに、拡張機能のContentsScript内コンテキストではパーミッションエラーが出て動作しない。
• Safari
  • Safari v5.1.7とPolyfill v2.2.2で[TypeError: setting a property that has only a getter]が発生する。
  • Polyfill v2.2.1に固定中。

XMLHttpRequest, FormData

• polyfill/xhr.js at master · inexorabletash/polyfill