iOSでのみPWAを無効化する方法を解説 #JavaScript

(ここでいうPWAとは、ホーム画面に追加することでアプリのように使える機能のことを言います。)

以前、iOSのPWAはSNSログインが出来ないので今だに使い物にならないという話という記事を投稿しました。

そこでiOSの場合のみPWAを無効化したいという場合があるかと思います。
その時には、以下のJavaScriptを使用することで、解決できます。

const iOS = !!navigator.platform && /iPhone/.test(navigator.platform);
if (iOS) {
  document.querySelector('link[rel="manifest"]').setAttribute("rel", "no-on-ios");
}

このコードでは、iOSかどうかを判別して、iOSの場合のみrel="manifest"なlinkタグを探して、relの値を適当な値に書き換えるということを行います。
これで解決します。ネコチャもこの方法を採用しています。

終わりに

私は現在、Web3のサービスの開発をしています。詳しくはこちらの記事をご覧下さい。
無料でイーサリアムが当たる、Web3時代の寄付サイトを作った話