PWA - マニフェスト属性 "display"： "スタンドアロン"がAndroidで動作しない

Question

私はPWAの本当に奇妙な動作に気付きました。私はWindows上で「スタンドアロン」モードで起動できますが、Androidデバイスで同じことをしようとすると「スタンドアロン」の値は無視され、Chrome（Android 7.0、Chrome-Android v62.x） 。また、Chrome-Android Beta v63.x（relating to this post what refers to a bug in chrome 62.x）では動作しません。私はManifest ValidatorとLighthouseでマニフェストファイルをチェックしました。どちらのツールもファイルを検証してエラーや問題を表示しません。 「ホーム画面に追加」ダイアログが直接（最初の起動時に）表示され、PWAをホーム画面に追加できます。サービスワーカーは期待どおりに動作し、オフラインでアプリを実行する際に問題はありません（WindowsとAndroidの場合）。

ノートパソコンのプロキシを使用してAndroid搭載端末でテストしています（関連性のある場合のみ）。私もさまざまなAndroidデバイスを試しましたが、同じ問題が発生します。

注：異なるPWAが期待通りに機能します。ここで2048 as PWA

は私のmanifest.jsonを次のとおりです。マニフェストファイルは、追加の携帯と私のindex.htmlのヘッダにリンクされている

{ 
    "icons": [ 
    { 
     "src": "assets/android-chrome-36x36.png", 
     "sizes": "36x36", 
     "type": "image\/png" 
    }, 
    { 
     "src": "assets/android-chrome-48x48.png", 
     "sizes": "48x48", 
     "type": "image\/png" 
    }, 
    { 
     "src": "assets/android-chrome-72x72.png", 
     "sizes": "72x72", 
     "type": "image\/png" 
    }, 
    { 
     "src": "assets/android-chrome-96x96.png", 
     "sizes": "96x96", 
     "type": "image\/png" 
    }, 
    { 
     "src": "assets/android-chrome-144x144.png", 
     "sizes": "144x144", 
     "type": "image\/png" 
    }, 
    { 
     "src": "assets/android-chrome-192x192.png", 
     "sizes": "192x192", 
     "type": "image\/png" 
    }, 
    { 
     "src": "assets/android-chrome-512x512.png", 
     "sizes": "512x512", 
     "type": "image\/png" 
    } 
    ], 
    "short_name": "My short name", 
    "name": "My not sooooo short name", 
    "theme_color": "#337ab7", 
    "start_url": "/index.html", 
    "background_color": "#ffffff", 
    "display": "standalone", 
    "orientation": "portrait" 
} 

：

<meta name="mobile-web-app-capable" content="yes"> 
<meta name="theme-color" content="#337ab7"> 
<link rel="manifest" href="manifest.json"> 

ウェブアプリはangular2で構築され誰かが同様の問題に直面した場合に備えて、（角種子）。

あなたの時間とコメントありがとう！

UPDATE 1：

は私が私のモバイルデバイスからの私のPWAへのアクセスにプロキシを使用して、代わりに自分のローカルネットワークから開かれたポートを介してアクセスしていないよ、スタンドアロン機能が正常に動作します（ただし、service-労働者の登録は失敗します..）。私はまだこの "バグ"がプロキシでなぜ発生するのか不明です。

UPDATE 2：

私の本当の問題は、なぜこの出来事はありますか？そして、もう1つは、私が見つけたすべてのソリューションが妥協したら、実際のモバイルデバイスでPWAの動作と感触を実際にテストするにはどうすればいいですか？ Androidデバイスでのテストの

私の方法の開発環境..に関して：

• は、私のノートPCのIPアドレス上で、私のローカルネットワーク内の内部私のノートPCとアクセスのポートを開く（サービス労働者ではありません働いて以来ではないHTTPSなしローカルホストが、PWAは
• は、（サービス労働者が働き、スタンドアロンモードが失敗した）

Answer 1

私は、記載された妥協のどれもなしに、モバイルデバイス上の自分のPWAをテストするソリューションを見つけました。私は現在ngrokを使用しています。私は自分のlocalhostにトンネルを作成して、どこからでもhttps経由でアクセスできるようにしています。これにより、スマートフォン、タブレット、またはエミュレータでテストできます。 ngrokはhereをダウンロードでき、セットアップは非常に簡単です。 1つのコマンドで、特定のポートへのトンネルを作成できます（例：8080）：

ngrok http 8080 

それにもかかわらず、私はまだ私のAndroidデバイスへのプロキシを設定するときにフルスクリーンオプションが機能しなかった理由はわかりません。

Answer 2

{ 
    "name": "name", 
    "short_name": "name", 
    "icons": [{ 
    "src": "images/icons/icon-128x128.png", 
     "sizes": "128x128", 
     "type": "image/png" 
    }, { 
     "src": "images/icons/icon-144x144.png", 
     "sizes": "144x144", 
     "type": "image/png" 
    }, { 
     "src": "images/icons/icon-152x152.png", 
     "sizes": "152x152", 
     "type": "image/png" 
    }, { 
     "src": "images/icons/icon-192x192.png", 
     "sizes": "192x192", 
     "type": "image/png" 
    }, { 
     "src": "images/icons/icon-256x256.png", 
     "sizes": "256x256", 
     "type": "image/png" 
    }, { 
     "src": "images/icons/icon.png", 
     "sizes": "512x512", 
     "type": "image/png" 
    }], 
    "start_url": "./index.html", 
    "background_color": "#3E4EB8", 
    "theme_color": "#2F3BA2", 
    "display": "standalone" 
} 

私のノートPCのIPへのAndroidデバイス上にプロキシを設定）スタンドアロンモード-.-で起動