Open5

Chromium、Safariでは対応しているけどFirefoxでは対応しないWebAPI

CateiruCateiru

作成理由

以下記事による。

https://forest.watch.impress.co.jp/docs/serial/yajiuma/1396240.html

https://www.j-cast.com/trend/2022/03/26433910.html?p=all&utm_source=dlvr.it&utm_medium=twitter

なぜ、Firefoxだけハブられるのか。それを知るために我々(一人)はアマゾンの奥地へ踏み入れた。

調査方法

みんな大好きMozillaが運営しているドキュメントサイトMDNで、WebAPIのサポート情報でChromium、Safariのみ対応のAPIを見つける

chrome && edge && safari && !firefox
CateiruCateiru

Clipboard API

クリップボード API は、クリップボードのコマンド (切り取り、コピー、貼り付け) に応答する機能や、システムクリップボードの非同期の読み取りや書き込みを行う機能を提供します。

https://developer.mozilla.org/en-US/docs/Web/API/Clipboard_API

Firefoxでは、read, writerが対応していない(readText, writeTextは対応している)。

File System Access API

ファイルの読み取り、書き込み、およびファイル管理機能を使用できます。

https://developer.mozilla.org/en-US/docs/Web/API/File_System_Access_API

The HTML DOM API translate

https://html.spec.whatwg.org/multipage/dom.html#dom-translate

おそらく、Firefoxがページ翻訳をサポートしていないため?

MediaStream: removetrack event

removeTrackイベントは、トラックがAudioTrackListから取り除かれたときに発生します。

https://developer.mozilla.org/en-US/docs/Web/API/MediaStream/removetrack_event

MediaSource.clearLiveSeekableRange()

MediaSourceインターフェイスのclearLiveSeekableRange()メソッドは、setLiveSeekableRange()の呼び出しで以前に設定されたシーク可能な範囲をクリアします。

https://developer.mozilla.org/en-US/docs/Web/API/MediaSource/clearLiveSeekableRange

MediaSource.setLiveSeekableRange()

MediaSourceインターフェイスのclearLiveSeekableRange()メソッドは、setLiveSeekableRange()の呼び出しで以前に設定されたシーク可能な範囲をクリアします。

https://developer.mozilla.org/en-US/docs/Web/API/MediaSource/setLiveSeekableRange

Payment Request API

Payment Request APIは、マーチャントとユーザーの両方に一貫したユーザーエクスペリエンスを提供します。それは物事にお金を払うための新しい方法ではありません。むしろ、それはユーザーが物事の支払いの好みの方法を選択し、その情報を商人が利用できるようにする方法です。

https://developer.mozilla.org/en-US/docs/Web/API/Payment_Request_API

CateiruCateiru
HIBIKI CUBEHIBIKI CUBE

ワイ「火狐でPiP便利だなぁ〜」
呉爾羅「非対応やで」
ワイ「あれは一体……????」

CateiruCateiru

完走した感想

**これじゃなきゃいけない!必ず必要!**といったAPIが対応していないということはぱっとみなかったように思える。
また、翻訳や読み上げなどはあったら嬉しいけどこれが無いせいでサポートを外すものではないと感じる。

PiPとかはFirefoxでは動画ならAPIは必要なく、デフォルトでできるしね

この中で一番サポートから外された理由と思えるのはPayment Request APIが一番近そう。

CSSもFirefoxが対応していないものもあるがこれは頑張れば対応できるのでこれでわざわざサポート外したりしないと思う。