web-dev-qa-db-ja.com

PWAアプリのホーム画面リンク(Android Oプレビュー)からChromeロゴを削除する方法

私はAndroid O Previewに更新し、いくつかのPWAをインストールしました。ホーム画面にミニチュアChromeアイコンが配置されています。これはありませんでした。 OSアップデートの前。

理想的には、サービスワーカーが有効になっていることを考えると、ホーム画面ではPWAを通常のアプリのように見せたいです。

App.yamlまたはmanifest.jsonのいくつかの設定でこれを削除することは可能ですか?

19
KVNA

上記の回答は、ChromeがアプリアイコンにChromeバッジを追加する問題を抱えていた部分を除き、正確ではありません。これは、以下の更新で変更されます。

問題が発生する前に、以下にWebアプリをホーム画面に追加する方法を示します。

1)簡単なショートカットとして(ブックマークのように)、ユーザーのWebブラウザーにService Workerのサポートがない場合( 主要ブラウザーのすべての最新バージョンが現在サポートしている ) 、対象のWeb URLには有効なmanifest.jsonおよびService Workerファイルが構成されていません(これは、chrome開発者ツールの[アプリケーション]-> [Manifest]および[Service worker]タブで検証できます)。この場合、ホーム画面に追加されるのはAPKではなく、ブックマークの種類のショートカットは、バッジ付きのChromeの特定のバージョンで表されていました。

2)インストール済みAPKとして:ターゲットURLに有効なManifest.jsonがある場合、サービスワーカーとサポートされているChromeバージョンの1つが使用され、ChromeがAndroidは、WebAPKを使用して、「org.chromium.webapk」で始まるパッケージ名で.APKファイルを作成および署名します。 こちらをご覧ください apkの生成とPWAの配布の詳細については、こちらをご覧ください。

上記の回答/リンクされた記事で正確でないもの

1)chromeバッジはセキュリティ対策ではありません。 Chromeチームは、特定のバージョンでWebApkを使用していなかったため、ブックマーク/ URLショートカットとして作成されたWebアプリのバッジを追加しました。バッジは、後で撤回されたシンプルな視覚的表現です。

2)PWAはWebApkを支持して放棄されません。 WebApkはPWAソリューションの一部であり、インストール可能なAPKファイルを構築してネイティブアプリのような動作を実現することでPWAを補完します。 WebApkは、AndroidのChromeによって.apkファイルを構築するために使用されます。 ここに公式のread meファイルがあります。

そのため、PWAを構築している場合でも、時代遅れの技術、放棄された技術、放棄された技術に取り残されることはありません。 2018年3月(iOS 11.3)にサービスワーカー向けのiOSサポートが得られ、PWAゲームの最後の主要なブラウザーベンダーになりました。

14
Anand

PWAは文学的にブラウザウィンドウを開き、小さなアイコンが使用されているブラウザを示すため、これは簡単なセキュリティ対策です。

Android Oreo、Chromeから追加されたすべてのショートカット(および潜在的に他のブラウザでも動作していません)は、Chromeアイコンの右下隅にあるバッジ。

とにかく、新しいWebAPK機能は非常に強力で、実際には通常のアイコンをサポートしているため、PWAは放棄されたようです。

WebAPKを有効にすると、Oreoの前にAndroidで使用されていたように、アイコンが通常に戻ります

引用のソース: https://medium.com/@firt/Android-oreo-takes-a-bite-out-of-progressive-web-apps-30b7e854648f

5
Pavel Cernik