PWAをインストールして、ChromeとEdgeのジャンプリストを取得する方法

PWAをインストールして、ChromeとEdgeのジャンプリストを取得する PWAはプログレッシブWebアプリであり、基本的には、開発者がウェブサイトやサービスのデスクトップショートカットを提供する方法です。

最新のChromeおよびEdgeのカナリア版では、ジャンプリストから直接PWAの選択オプションを持つことが可能になりました。

ジャンプリストは、タスクバーのアプリアイコンを右クリックしたときに表示されるメニューです。

最近、GoogleとMicrosoftはChromeとEdgeのジャンプリストでPWAのサポートを追加しました。

どのようにしてChromeにPWAをインストールし、ジャンプリストを有効にできますか?

まず、Chromeからアプリアイコンに関連するショートカットメニューを含むインストールされたPWAを有効にする必要があります。そのための手順は次のとおりです。

  1. Google Chrome Canaryを開き、アドレスバーにchrome://flags/と入力します。
  2. 次のウィンドウで、検索バーに#enable-desktop-pwas-app-icon-shortcuts-menuと入力するか、機能が見つかるまで下にスクロールします。 デスクトップPWAを有効にする方法
  3. 最後に、その右側のボタンをクリックして有効に設定し、ブラウザを再起動します。

ChromeにPWAをインストールし、ジャンプリストを表示するにはどうすればよいですか?

次に、PWAにアクセスしてインストールする必要があります。Googleが用意したテストサイト、sadchonks.comを使用するので、それを使って説明します。これがその手順です。

  1. ウェブサイトを開いた後、アドレスバーの右端にプラス記号が表示されます。それをクリックします。 PWAをインストールする方法
  2. アプリをインストールするかどうかを尋ねるダイアログが表示されます。インストールをクリックします。

sad chonksをインストール中

  1. これで完了です。タスクバーにアプリアイコンが表示され、右クリックするとすべての可能なオプションが表示されます。新しい画像、保存した選択肢、タスクバーにピン留めすることもできます。 PWAのジャンプリスト

キャットアプリはちょっとした例ですが、例えばTwitterの場合も同様に行いました。

ウェブサイトからTwitterアプリをインストールした後、より便利なジャンプリストを得ました。

下の画像のように、新しいツイート、探索、通知の確認、またはタスクバーのアイコンを右クリックするだけでダイレクトメッセージを送信できます。 Twitterのジャンプリスト

EdgeにPWAをインストールし、ジャンプリストを有効にするにはどうすればよいですか?

Chromeと同様に、まずEdge CanaryビルドでデスクトップPWAを有効にする必要があります。

  1. Edge Canaryを開き、アドレスバーにedge://flags/と入力します。
  2. 次のウィンドウで、検索バーに#enable-desktop-pwas-app-icon-shortcuts-menuと入力するか、機能が見つかるまで下にスクロールします。 EdgeでデスクトップPWAを有効にする方法
  3. 最後に、その右側のボタンをクリックして有効に設定し、ブラウザを再起動します。

EdgeでPWAをインストールし、ジャンプリストを表示するにはどうすればよいですか?

この実験のために、Googleが提供する同じPWA、sadchonks.comを使用します。

  1. サイトを開いた後、アドレスバーの端にあるプラス記号をクリックし、アプリをインストールするオプションを選択します。 Edgeでsad chonksをインストールする方法
  2. それだけです。タスクバーにアプリアイコンが表示され、右クリックするとChromeブラウザでインストールした場合と同様のオプションが表示されます。

ChromeまたはEdgeでPWAをインストールすると、スタートメニューにもアプリが表示されます。 スタートメニューに表示されるPWA

何かPWAをインストールしましたか?PWAのジャンプリストオプションは気に入りましたか?それについてどう思いますか?下のコメントセクションでお知らせください。