JavaScript
iOS
Webサービス
Manifest
PWA

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

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

こんにちは、とくめいチャットサービス「ネコチャ」運営者のアカネヤ(@ToshioAkaneya)です。

以前、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の値を適当な値に書き換えるということを行います。

これで解決します。ネコチャもこの方法を採用しています。


はてなブックマーク・Pocketはこちらから

はてなブックマークに追加

Pocketに追加