科爾多瓦應用程序空白在鉻檢查員

Question

有一個最奇怪的問題，剛剛開始發生兩天前沒有理由。它似乎也越來越糟糕。我經常遠程進入家用電腦，開發我的科爾多瓦應用程序。連接到我的電腦是三星手機進行測試。在我的應用程序編譯到手機後，我啓動鉻檢查器來查看該應用程序，並進行調試，用戶界面開發等

我一直在做這個設置3個月，現在一切正常。大約兩天前，當我編譯我的應用程序鉻檢查器顯示空白 - 它表示它加載了項目/ index.html文件 - 但一切都是空白的。沒有資源，沒有元素......什麼都沒有。但是，當我編譯應用程序並將其部署到設備時，我發現Chrome中的「應用程序名稱」消失並重新出現，然後單擊「應用程序名稱」在Inspector中打開它。所以Chrome瀏覽器部署了它，但檢查員完全空白。

我重新編譯，重新部署，然後再次運行。但最近越來越多，即使在重新編譯/重新部署其再次顯示空白之後。我不知道是什麼導致了這種情況 - 我沒有做任何更新或插件更改....當所有這些都開始時，我真的在測試CSS值。而且我似乎無法在谷歌搜索中找到對此問題的任何引用。

以前有人看過這個嗎？

Answer 1

我有一些時間後，同樣的問題，我研究發現：

不能調試發佈APK！

，你可以只使用debug APK

for more ref

Answer 2

的問題竟然是使用上的離子模式或酥料餅的CSS樣式。具體來說，使用border-radius:1px。如果定義了，Chrome Inspector的Web UI部分將會熄滅。因此，要使用Chrome Inspector排查我的應用程序開發情況，我必須禁用該CSS樣式，直到準備好部署最終應用程序爲止。

但是，從那時起...在過去的2周左右，似乎Chrome已經解決了這個問題。如果您使用帶有離子模式或Popover的border-radius，則可以看到底角有半徑應用，但頂角爲方形。在我看來，Chrome針對該問題的解決方法是簡單地刪除頂部邊框半徑以便在Chrome Inspector中呈現。