如何跟蹤WebWiew（客戶端）中的資源（例如圖像）加載時間

Question

我使用WebViewClient加載WebView中的網頁。該網頁有幾個圖像，一些CSS，JavaScript等，我想知道，資源文件（jpegs，.js，.css文件等）加載需要多長時間。

要獲得總頁面加載時間，我將覆蓋WebViewClient的onPageStarted和onPageFinished，添加一些定時器，然後減去。是否有可能（以及如何）獲取頁面上每個資源的加載時間？所以基本上，我想一個結果告訴我（例如）頁面花了5.3秒來加載，image1.jpg花了2.4s image2.jpg花了3.7s，script.js花了0.9秒等等。

編輯：我需要在手機上做到這一點。我不是想優化一個網頁，而是編寫一個可以做到這一點的應用程序。

Answer 1

使用Chrome Devtools Remote Debugging可讓您將Android WebView連接到PC/Mac/Linux機器上的Chrome瀏覽器。

連接後。 Chrome開發人員面板選項卡標記爲Network，查看每個組件加載的時間。

詳細說明這裏：Network Performance

注意 Chrome將會有自己的adb服務器，因此它可能與Android Studio的衝突。如果Android Studio在通過adb連接時遇到問題，請確保Chrome DevTools遠程調試已關閉，或者關閉/退出Chrome。