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!