2017-10-28 200 views
1

我已將網站設置爲PWA。使用Android Chrome瀏覽器時,系統會提示添加快捷方式到主屏幕。當我從快捷方式啓動我看到這樣的屏幕,X和網站的信息,以及Chrome的選項菜單:Android PWA主屏幕快捷方式

查看從快捷
enter image description here

啓動PWA後,當我點擊交叉一個空白屏幕被顯示這樣的:一下橫
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)是否有可能看到主屏幕上的快捷方式使用的網址?當PWA與X和站點信息欄一起啓動時,根據我所知,無法抓取URL。

感謝

布賴恩

+0

按照有關如何添加到主屏幕正確這是中提到的正確方法[Web應用程序安裝橫幅和添加到主屏幕在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:

您可以通過編程訪問document.location屬性檢查從JavaScript的網址。爲了調試的目的,你可以例如。把它寫到屏幕上或者把它記錄到你的服務器或者什麼東西上。另外,如果您能夠訪問您的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. 

你可以嘗試使用這樣的:「START_URL」:「/default.aspx?utm_source=homescreen」

相關問題