如何從Android應用程序以編程方式向主屏幕添加WebApp快捷方式，以全屏啟動WebApp

Question

如何模仿Google Chrome使用的添加到主屏幕功能。 單擊該快捷方式后，它將以全屏模式打開。

我曾嘗試在Android中添加快捷方式，但找不到全屏打開的內容，但我認為Flipkart能夠做到。 有沒有什么方法可以像chrome一樣。

Answer 1

當您單擊Chrome中的“添加到主屏幕”時，會發生兩種情況。

1）如果您的網站符合最低PWA標准 （有效的Manifest.json，服務工作者，並通過具有有效證書的HTTPS提供服務）-Chrome使用WebAPK組件（它是Chrome瀏覽器本身的一部分）來創建.APK文件並對其進行動態簽名並將其安裝在您的手機中，就像從Play商店安裝的應用一樣。 甚至該應用程序的信息也會顯示該應用程序是從Play商店安裝的（盡管可能不完全是Google，但我估計稍后可能會重新命名）並由Google簽名。

如果您想模仿APK生成部分 ，則目前無法解決。 您可以使用ES文件資源管理器等文件資源管理器工具提取此.apk文件，並將其用於移植到其他手機（不建議用於一般公共發行，因為您可能不知道用戶是否支持Chrome版本）

2）如果您的應用不符合PWA（使用Chrome漸進式Web應用的Lighthouse審核，看看您的應用是否符合安裝到主屏幕的條件），則當您嘗試添加到主屏幕時，仍會添加一個圖標。 但是，當您打開時，它將在瀏覽器中使用地址欄打開。 可以將其視為書簽快捷方式。 那樣工作。

Flipkart具有最低的PWA合規性，這使Chrome瀏覽器可以生成.APK文件並將其像常規應用一樣安裝並在全屏模式下打開。

您必須說明創建應用程序時使用的所有PWA組件，在燈塔審核中應用程序通過的標准，嘗試添加到主屏幕並打開它以幫助我們進一步工作時發生的情況。

更新：以下是您的站點的燈塔審核報告。 在失敗的清單中，manifest.json沒有有效的start_url是您需要解決的問題，以獲取安裝橫幅並將其作為應用添加到將以全屏模式打開的主屏幕。

我可以在https://locoshift.com/manifest.json看到您的清單，其中start_url為

  "start_url": "https://locoshift.com",

嘗試將其更改為，以便可以從那里找到清單。 我將“ /index.html”作為start_url，對我來說也是如此。

  "start_url": "https://locoshift.com/",

您可以添加主題顏色清單條目和元標記來解決它報告的其他兩個問題。 但是它們是裝飾性的，不會引起您要解決的問題。

Answer 2

全屏顯示您的應用或網站

用戶或開發人員可以通過多種方式使Web應用全屏顯示。

• 要求瀏覽器全屏顯示以響應用戶
• 將應用程序安裝到主屏幕。

• 偽造：自動隱藏地址欄。

   gesture.element.requestFullscreen() document.documentElement.requestFullscreen(); 

有關更多詳細信息： -https : //developers.google.com/web/fundamentals/native-hardware/fullscreen/