【JavaScript】ブラウザが最新の技術を利用したAPIに非対応だった時はPolyfill

Tweet

こんな画面みたことないかい？

僕はあるぞ・・・！
たくさんあるぞ・・・！

これ忌々しいですよね！

さっさと対応してくれよ、と。
それか対応されてから大々的に発表してくれよ、と。

でも大丈夫！
そんな時のためにPolyfillがあります。

お主のhtmlファイルに埋め込むのじゃ

<script src="https://polyfill.io/v2/polyfill.min.js?features=IntersectionObserver"></script>

上記の例だと対応していなかったのが「IntersectionObserver」なので、IntersectionObserverのPolyfillをもってきました。

僕がお世話になったものだと、dialogタグのPolyfillなんかは本当にお世話になりました。

最新の技術を使ってみて、ブラウザが時代の進化から置き去りになっていたときは、是非Polyfillを試してみてください。

Tweet

最後まで読んでいただきありがとうございます。もしこの記事を気に入って頂けたようであればシェアをお願い致します。非常に励みになります。

Related posts:

【wordpress】文字をフェードインさせる！【javascript】 【JavaScript】divにidをふってゲームボーイ的なサムシングを作る①　〜キーボードの値取得編〜 【JavaScript】localStorageを利用してセーブ機能擬きを作る〜RPG作成〜 【JavaScript】localStorageを使う時にかませたい２つの判定 【javascript】時間別にリンク先を変える。【情報基礎】 【javascript】【css】犬のメニューバーをお絵描きしました！ 【JavaScript】ブラウザ判定でIE11がTrident/7.0を返してくれないことがある！ 【css】イメージマップをレスポンシブル化する！【js】 (」・ω・)」うー!(/・ω・)/にゃー!encodeを使ってみた。 【UI/UX】ブラウザ依存に気をつけろ！〜クロスブラウザ観点の大切さ〜 【情報基礎】onclickで画像置換する。 【Node】Object.fromEntries is not a functionにコンパイルを阻まれた話