Lighthouse で Web アプリをテストした後、次のようなエラーが発生しました。
ユーザーに Web アプリのインストールを求めるプロンプトが表示されない ブラウザーは、アプリをホーム画面に追加するようユーザーに積極的に促すことができるため、より高いエンゲージメントにつながる可能性があります。もっと詳しく知る。
失敗: Service Worker がマニフェストの start_url を正常に提供しません。
ここで説明するすべての基準が満たされています。
- サイトは HTTPS 経由で提供されます。
- サービスワーカーが登録されます。
- Service Worker のスコープには、監査したページと、Web アプリ マニフェストの start_url プロパティで指定されたページが含まれます。
- Web アプリ マニフェストが存在し、次の基準を満たしています: 有効な name プロパティを持っている。有効な short_name プロパティがあります。有効な start_url プロパティがあります。有効な表示プロパティがあり、値はスタンドアロン、フルスクリーン、または最小 UI です。192px × 192px 以上のアイコンを指定します。
マニフェスト ファイルは、スクリプトを介してレンダリングされます。重要な変数は
scope_url = 'https://website.com/app/'
start_url = 'https://website.com/app/about/'
ServiceWoker.js は非常に単純です。
self.addEventListener('push', function(e) {
...
});
self.addEventListener('notificationclick', function (e) {
...
);
Web App と sw.js は start_url から提供されます。
他に何が確認できますか?
編集 1. Chrome コンソールから「ホーム画面に追加」しようとすると、次のようになります。
Site cannot be installed: the page does not work offlineこのコメント
に近いもの