2017-10-28 25 views
1

ウェブサイトをPWAとして設定しました。 Android Chromeでブラウジングすると、自分が行っているホーム画面にショートカットを追加するように求められます。私が上でクリックするとショートカット
enter image description hereAndroid PWAのホーム画面のショートカット

からPWAを起動した後

ビュー:私はショートカットから起動すると、私はXとサイト情報とこのような画面だけでなく、クロームオプションのメニューを見ます空白の画面は次のように表示されているにクロス:

空白の画面のクロス
enter image description here

manifest.jsonををクリックした後に含まれています

"start_url": "/default.aspx", 
    "display": "standalone", 
    "orientation": "portrait", 
    "theme_color": "#428BCA", 
    "background_color": "#428BCA" 

ショートカットを削除してブラウザのキャッシュをクリアし、再度プロンプトが表示されたら再インストールすると、動作が予測できなくなります。時には私が上で説明したことが起こることもありますが、Xとサイトの情報バーを使わずにスタンドアローンを起動するショートカットが作成されることもあります。

私には3つの質問があります。

1)Xをタップすると、白い空白の画面が表示されるのはなぜですか?

2)(同じPWAに)ショートカットを追加すると、スタンドアロンランチャーが必要になることがあります。また、PWA画面の上にXとサイト情報が追加されることがあります。

3)ホーム画面のショートカットが使用しているURLを確認することはできますか? PWAがXとサイトの情報バーで起動すると、私が知る限りURLを取得することはできません。あなたがプログラムではdocument.locationプロパティにアクセスすることで、JavaScriptからURLを確認することができます

ブライアン

+0

で言及された正常のホームスクリーンに追加する方法についての正しい方法に従ってください:「START_URLを」 AndroidのChrome用バナーとホームスクリーンに追加](https://developers.google.com/web/fundamentals/codelabs/your-first-pwapp/#web_app_install_banners_and_add_to_homescreen_for_chrome_on_android) – noogui

+0

最初の画像は、通常、たとえばPWAの例.comにotherexample.comのリンクをクリックさせる。あなたのサイトは何らかの初期ナビゲーションやポップアップのオープンをしていますか?多分認証のために?より多くのコードとライブサイトを見ることなく、実際に何が間違っているのかを診断することはまずありません。 – abraham

答えて

0

おかげで私は、あなたの質問番号3にお答えします。デバッグ目的のために、例えばあなたはできます。それを画面に書き込んだり、サーバーやその他のものにログオンしたりしてください。また、Webサーバーのログにアクセスできる場合は、ホーム画面からWebアプリケーションを開いて、同時にログを監視してください。

0
3) Is it possible to see the url which the shortcut on the home screen is using? When the PWA launches with the X and site information bar it is not possible to grab the url as far as I can tell. 

あなたはこれを使用しようとすることができます:[Webアプリケーションのインストール「/default.aspx?utm_source=homescreen」

関連する問題