web-dev-qa-db-ja.com

ホーム画面からアイコンを削除した後、プログレッシブWebアプリの「ホームに追加」バナーを戻すにはどうすればよいですか？

理由-私はProgressive web appを作成し、ブラウザで開きました-すべて問題なく、ブラウザはそれをホーム画面に追加するように提案しました。

さて、これをプレゼンテーションでデモンストレーションしたいので、ホーム画面からアイコンを削除しました。しかし、この1日の間、私はchromeでウェブサイトを何度も遊んでいて、バナーが表示されることはありません。

それは本当に一生に一度のことですか？それとも私がしなければならない特定の何かがありますか？

progressive-web-apps
15
pesho hristov

通常、アプリインストールバナープロンプトは、サイトに2回以上アクセスした後、各アクセスの間隔を5分以上にして表示されます。 Chromeフラグを使用すると、これらのチェックをバイパスして、訪問のたびにバナーが常に表示されるようにすることができます。

  1. 開くAndroid Chrome。
  2. chrome://flags/#bypass-app-banner-engagement-checksに移動します
  3. クリック有効
  4. クリック今すぐ再起動

ホーム画面に追加イベントをシミュレートする from Chrome DevTools：

  1. スマートフォンでAndroid Chromeを開き、PWA（たとえば、Paper Planesアプリ https://paperplanes.world ）。
  2. USBケーブルでAndroidに接続します。
  3. デスクトップからChrome DevTools、selectMenu>More Tools>リモートデバイス。[〜＃〜]または[〜＃〜] CTRLSHIFTP （または CMDSHIFTP macOSの場合）、「リモートデバイス」と入力します。
  4. 名前で電話を選択します。
  5. PWAに対応するリストアイテムの横にあるInspectボタンをクリックします（例：Paper Planes）。
  6. PWAの新しいDevToolsポップアップで、Applicationパネルに移動し、Add to homescreen。これにより、アプリインストールバナーがAndroid Chromeに表示されます。バナーはChrome DevToolsスクリーンミラーに表示されないことに注意してください。

（上記の手順は、macOSSierraではChrome 55、およびAndroid Chrome 57）

17
tony19

別の解決策を見つけました-chrome mobileの設定に移動し、History-> Clear browsing dataを選択すると（Cookiesにチェックマークが付いています）次に、Clear Dataボタンをクリックします。その後、再びapp install bannerを取得して、アプリをホーム画面に追加します。

どうやら-それはデータ自体をクリアするだけでなく、ブラウザにこのウェブサイトに関するすべてをforgetさせます。

（不思議なことに、古いアイコンは消えません...だから今、ホーム画面にいくつかのアイコンがあります：D ...）

5
pesho hristov