Debuggable Browser

David Pertiller

關於這個應用程式

這是什麼？
只是啟用了調試功能的WebView，可讓您使用 Chrome的開發者工具（在PC或Mac上運行）檢查並調試在實際設備上運行的Web應用。

僅針對Web開發人員和Web設計師
此應用程序是專為旨在向Android用戶提供其Web應用程序的最佳用戶體驗的Web開發人員而開發的。如果您不是對調試Web應用程序感興趣的Web開發人員或Web設計人員，那麼最好使用普通的瀏覽器;）


它有什麼用？
如果您曾經在Android股票瀏覽器中打開網站並遇到以下問題之一，則此應用可能對您有用：
＆＃8226;＆＃8195;在Android股票瀏覽器中查看時，您網站的佈局或樣式似乎已損壞
＆＃8226;＆＃8195;您的 JavaScript 代碼未產生預期的結果，或者在執行期間計算必須突然停止（也許拋出了 exception ？）
＆＃8226;＆＃8195; 動畫太慢或只是沒有按照預期進行動畫處理

說明
有時，即使在桌面瀏覽器上運行正常，Web應用程序也無法在移動瀏覽器上運行。更糟糕的是，有時缺陷僅在（某些）移動設備上發生，因此您無法在台式機瀏覽器上模擬和復制該缺陷。在這裡，證明了使用Chrome的DevTools進行遠程調試很有用。雖然適用於Android的Chrome瀏覽器已經完全支持此功能，但Android股票瀏覽器不支持。不幸的是，由於許多Android錯誤似乎僅在普通瀏覽器上發生，而無論如何在Chrome上都沒有發生。
因此，此應用可讓您在本機瀏覽器（WebView）中運行網站，同時還可以使用Chrome DevTools檢查和調試頁面。

如何開始遠程調試？
1.在Android設備上啟用開發人員模式，然後將其連接到PC / Mac
2.打開此應用程序，然後通過輸入其URL導航到您的網站
3.在您的PC / Mac上，打開Chrome，然後在地址欄中輸入“ chrome：// inspect”
4.在Chrome中，選中“發現USB設備”，它將列出您在設備上打開的網頁
5.點擊檢查，並使用Chrome開發者工具享受對應用程序的遠程調試

有關更多信息，請閱讀：https://www.pertiller.tech/blog/remote-debugging-the-android-native-browser

評分和評論

安裝順利，測試成功，謝謝您

冇功能

新功能

Integrated your feedback

- It's been exactly 1 year since the last release and I noticed that this app led to some confusion for a lot of people that misunderstood its use-case: it's built for web developers who want to optimize their web app with the power of Chrome's dev tools while running the page on an actual Android device (see updated notes).
- Besides, I got some lovely suggestions. So now you can start the app as intent from another app to start debugging a weblink right away!