あなたのPWAをインストールするのに有効でないようにする間違い。またはサービスとマニフェストは

今日、私は私のpisを作っている間、私が作成した誤りを書いています.

M 1 :アイコン目的。

WebManifestで我々のアイコンの目的を宣言する必要があります"icons":[{"purpose":"my purpose"}]目的を書くmaskable しかし、それはinstalliblityのために有効ではありません.任意の目的を宣言する必要があります.

{
...
"icons":[
{
...
"purpose":"any"
}
]
}

M 2 :壊れた経路。

あなたが毎回正しい経路を書かなければならないことは、より重要です.
あなたがどんな壊れた経路でも書くならば、それはinstalliblityに会いません.
それが重要であるところ.

キャッシュを追加する

アイコンのパスを書いている間、スコープとstarttle URL.(マニフェスト)

M 3 :パスを小さくする必要があります

私のアプリで
書かれた
https://formal-stack.netlify.app/APP/
私のフォルダもAPP しかし、マニフェストのStartRange URLとスコープがサービスワーカーの登録の範囲(ケース感度)で一致しなければならないことは重要です.
置き換えましたAPP with app そして私のアプリはインストール可能になった.

ソースコード

pwaの例をチェックしたい場合.
チェック
https://notableapp.github.io
https://formal-stack.netlify.app

NotableApp / 形式的スタックPDF

イメージ、Markdownとより多くからPDFを作ってください。

形式的スタックPDF

PDFファイルは、PDFファイルに多くの機能をすぐに来て、Markdownテキスト、プレーンテキスト、画像からのような複数の方法で作成されたアプリ.

正式な貢献

あなたが我々のアプリ/サイトに貢献したいならば、あなたのために問題avaiilibilityを見てください、そして、フォーク、編集して、PRを計画してください.
View on GitHub

NotableApp / NotableApp。ギタブ.io

注目アプリ

ブースト

MDとノートを作成するアプリ.
アプリケーションが起動しているhttps://NotableAPP.github.io/
View on GitHub