プログレッシブウェブアプリをサポートするトップ10以上のブラウザ（2022年更新）

公開: 2022-06-28

プログレッシブウェブアプリの最も重要な機能の1つは、適応性があることです。つまり、ブラウザの画面サイズと機能に関して、常に可能な限り最高のエクスペリエンスを提供します。それでも、各ブラウザーの機能とプログレッシブWebアプリ（PWA）機能との互換性を知ることは依然として有益です。以下は、最も人気のあるPWA対応ブラウザとその互換性のリストです。以下の表にすべて要約されています。画面の種類やオペレーティングシステムを考慮して、自分に合ったブラウザを選び、さまざまな機能との互換性を調べてください。

コンテンツ

PWAがサポートするブラウザ

主要なWebブラウザープロバイダーは、これらのアプリケーションの最近の人気により、PWAをサポートするために新しいバージョンで機能の改善を追加しました。以下にリストされているブラウザとバージョンは互換性があります。

デスクトップブラウザ（フルサポート）： Chrome、Firefox、Opera、Edge、Safari
デスクトップブラウザ（部分サポート/古いバージョン）： QQブラウザ、Baiduブラウザ
モバイルブラウザ（フルサポート）： Chrome、Firefox、Safari、UCブラウザ、Samsung Internet、Mint Browser、Wechat
モバイルブラウザ（部分サポート/旧バージョン）： QQブラウザ、Androidブラウザ、Opera Mobile

PWAブラウザのサポート	概要
クロム	Chromeは（Appleデバイスを除いて）最も人気のあるブラウザかもしれませんが、あらゆる点で、またはほとんどの機能を備えた最高のブラウザではありません。 Chromeでは利用できない機能がありますが、Firefox、Opera、Safariなどの他のブラウザには代わりにそれらがあります。これは、Chromeが優れたプログラムではないことを示唆するものではありませんが、より良いオプションがあることを知っておく必要があります。モバイルデバイスの場合： Chromeでは、Edgeと同様に、PWAをサポートするサイトのアドレスバーにボタンが表示されます。デスクトップデバイスの場合： Chromeでは、PWA機能を完全にサポートするサイトのメインのChromeメニューに[アプリのインストール]オプションが表示されます。そのオプションを選択すると、アプリのアイコンがホーム画面に表示されます。（PWA機能がない領域については、ホーム画面に追加することを選択できます。）長押しオプションには引き続きアンインストールが含まれますが、その下にはサイト設定があり、ストアにインストールされたアプリでは使用できません。
Firefox	オープンソースプロジェクトであるFirefoxは、いくつかのWeb機能を開拓しており、その背後にある会社はオンラインプライバシーの支持者です。また、多数の拡張機能が利用できることでも有名です。 FirefoxはいくつかのPWAAPIをサポートしていますが、アプリのようなエクスペリエンスを備えたスタンドアロンのシステムアプリとしてそれらをインストールすることはできません。 AndroidバージョンのFirefoxはPWAをサポートしていますが、デスクトップバージョンはサポートしていません。一方、Mozillaはサイト固有のブラウザを介してサポートを提供しようとしました。 Androidデバイスの場合： Firefoxでは、PWAサイトで簡単なインストールオプションを使用できます。このオプションをタップすると、[画面に追加]ダイアログボックスが表示されます。 Firefoxで作成されたPWAのホーム画面アイコンのプライマリアプリロゴの右下に、小さなオレンジ色のFirefoxエンブレムが表示されます。 Chromeで作成されたものとは異なり、よりリアルなアプリエクスペリエンスを実現するには、[サイト設定]オプションは表示されません。
サファリ	デスクトップデバイスの場合： macOSへのPWAのインストールは、デフォルトのSafariにサイトをPWAにする方法がないことを除いて、Windowsと同じです。 Launchpadでは、新しいプログラムは表示されますが、ApplicationsFinderフォルダーには表示されません。モバイルデバイスの場合： iOSおよびiPadOSでは、AppleはSafariにのみPWAの生成を許可します。サードパーティのブラウザは除外されます。 PWAを有効にする他のブラウザとは異なり、Safariはインストールとアプリという用語を使用しません。 iOSまたはiPadのホーム画面に追加するには、PWA対応のサイトに移動し、ページの下部にある[共有]上矢印をタップして、[ホーム画面に追加]を選択します。これはどのWebサイトでも実行できますが、本物のPWAが提供するオフライン機能は利用できません。
角	MicrosoftのデスクトップオペレーティングシステムへのPWAのインストールは、デフォルトのWindowsWebブラウザーであるEdgeを使用して最もアクセスしやすくなっています。これは、従来の方法でインストールした他のアプリと同じ方法で[スタート]メニューにアプリを追加するためです（ダウンロードしたプログラムインストーラーまたはMicrosoft Storeアプリから）。
オペラ	Operaは1995年にリリースされ、最も古いWebブラウザの1つになりました。 Operaの専用ユーザーベースは、拡張機能や独立したアプリに限定されていた幅広い機能を統合できるために成長しました。 Android用Opera32がPWA–ホーム画面に追加互換性で利用できるようになりました。多数のバグ修正、安定性の強化、最適な互換性とセキュリティのための更新されたChromiumエンジン（または、少なくともモバイルデバイスで表示されるWeb）。
QQブラウザ	Tencent Explorerは、2000年に最初にリリースされたときのQQブラウザの名前でした。WebKitとTridentの2つのエンジンを使用しているという事実が、このブラウザを区別しています。以前はPWAをサポートしていましたが、新しいバージョンではサポートしていません。
Baiduブラウザ	Baidu Browserは、WindowsおよびAndroid用の無料のWebブラウザーであり、暗号化または簡単に復号化できる暗号化なしで、個人ユーザーデータをBaiduサーバーに送信できます。また、ローエンドのAndroidデバイス向けのリソースで最も軽量なブラウザであり、man-in-the-middle攻撃によるソフトウェア更新中の任意のコード実行に対して脆弱です。
UCブラウザ	UC Browserは、主にモバイルデバイス用に設計されたクロスプラットフォームのWebブラウザーです。最小のアプリサイズとデータ圧縮技術で有名であり、ユーザーがデバイスメモリが少なくインターネット速度が遅い電話を使用している新興市場で人気があります。クラウドアクセラレーション、マルチファイル形式のダウンロード、HTML5 Webアプリとクラウド同期機能、およびファイルを一度に多くの部分でダウンロードする機能である「高速ダウンロード」は、ブラウザーの他の機能の1つです。
サムスンインターネット	これは、すべてのSamsungモバイルにデフォルトでプリインストールされているブラウザです。これは、ChromeとMicrosoftEdgeを実行するChromiumプロジェクトに基づいています。 Samsungスマートフォンは、標準のAndroidエクスペリエンスに代わるものを提供します。 PWAサイトにアクセスすると、ブラウザにバッジが表示されます。 Googleスプレッドシートやその他のWebアプリを頻繁に使用する場合、ブラウザは最も優れたWebアプリエクスペリエンスを提供します。
ミントブラウザ	Android携帯用の最も重要なWebブラウザの1つは、MintBrowserです。 1つのコンパクトなボックスで、驚異的なスピード、プライバシー、セキュリティを実現します。ハイエンドテクノロジーよりもユーザーエクスペリエンスを重視する場合、10MBのアプリは命の恩人です。 Mint Browserには、安全なブラウジングを保証し、すべてのユーザーにワールドクラスのセキュリティサービスと商品を提供するためのいくつかのセキュリティメカニズムがあります。ユーザーがXiaomiとデータを共有する際の制御をさらに強化するために、現在のアップグレードでは、すべてのユーザーがシークレットモードで収集する集約データのオン/オフを切り替えるオプションを提供しています。
WeChat	月間10億人以上のユーザーベースを持つWeChatは、中国で最も人気のあるメッセージングプログラムです。チャットサービスとして始まりましたが、支払いをしたり、タクシーを呼んだり、フライトを予約したりできるアプリに進化しました。ただし、中国に居住していない場合は、使用した可能性はほとんどありません。

PWAでサポートされていないブラウザ

Angular6またはPWAに必要なカスタム要素を積極的にサポートしていない特定のブラウザーもあります。

Microsoft Edgeは現在、このブラウザーでサポートされるようにPWAをアプリストアで利用できるように強制しています。

デスクトップでは、SafariとFirefoxはPWAのインストールをサポートしていません。これらはオフライン機能をサポートしていますが、エクスペリエンスは常にブラウザーのユーザーインターフェイス内で開始されます。フルスクリーンになる場合がありますが、デスクトップ上のスタンドアロンウィンドウにはなりません。

ユーザーエクスペリエンスをサポートするコアPWA機能

バックグラウンド同期

この機能は、ウェブサイトからのデータを定期的に更新します。ユーザーは常に最新の情報にアクセスできます。

Webプッシュ通知

サービスワーカーがバックグラウンドで実行する機能により、この機能が可能になります。ユーザーは、ホーム画面でリマインダーをタップすることでWebサイトにアクセスできます。

オフラインモード

ブラウザにインストールされると、オフラインアクセシビリティはアプリファイルのキャッシュを処理し、ネットワークリクエストをインターセプトし、ネットワークが利用可能かどうかに基づいて適切なアクションを実行します。

この機能により、接続なしでアプリにアクセスできるようになり、ユーザーエクスペリエンスが向上します。インターネット接続が利用できる場合でも、特定のファイルはすでにローカルに保存されているため、Webサーバーからロードする必要はありません。

ホーム画面に追加

このPWA機能により、モバイルデバイスにWebサイトをインストールできます。画面上にショートカットを生成するため、ユーザーはリンクをもう一度入力する代わりに、アイコンバッジをタッチするだけでサイトにすばやくアクセスできます。この機能は、すべてのブラウザでアクセスできます。

ホーム画面/スプラッシュ画面

PWAのもう1つのユニークな部分は、ブラウザーで実行しているにもかかわらず、ユーザーのホーム画面に直接配置され、没入型のフルスクリーンエクスペリエンスを提供できることです。

iOSを除いて、すべてのブラウザでこの機能が有効になっているため、Webサイトの読み込みを待つ間の不安を軽減できます。

ジオロケーション

Geolocation APIを使用して、アプリユーザーのジオロケーションに関する情報にアクセスし、ユーザーの位置を（ユーザーの同意を得て）見つけることができます。また、ユーザーを監視し、ユーザーの位置が変わったときに通知を受け取ることができます。

ビデオと画像のキャプチャ

現在、「Media Capture API」を使用すると、Webアプリはデバイス（カメラとマイク）からのオーディオおよびビデオ入力に直接アクセスできます。 Webアプリを使用すると、これらのフィードを読み取って管理できます。その結果、たとえば、ブラウザを離れることなく、写真をキャプチャしたり、ビデオを録画したりできます。

結論

世界中のほぼすべてのブラウザシステムが何らかの方法でPWAをサポートしています。 iOSでのPWAは完全にはサポートされていませんが、ブラウザは障害を解消し始めており、一部のPWA機能をAppleデバイスで実行できるようになっています。

これは、世界中のブラウザがPWAをネイティブアプリケーションと同じ可能性があると見なしており、ユーザーエクスペリエンスを向上させるためのより優れたサポートを提供し始めていることを示唆している可能性があります。

あなたがあなたの会社のためにPWAサイトをセットアップしようとしていて、合法的なPWA Web開発エージェンシーを探しているなら、Tigrenはあなたの最良の選択です。

私たちは多くの企業のニーズを満たす成功したPWAプロジェクトを構築してきました。私たちのチームは、クライアントに最高の結果を提供するよう努めています。詳細については、 [メール保護]にメッセージをお送りください。