如何在桌面计算机上调试Android本机浏览器(而不是Chrome)?

问题描述 投票:15回答:3

当我的移动设备使用Chrome的浏览器(使用端口转发)时,我可以使用Google的Chrome DevTools(chrome:// inspect)成功调试在移动设备上运行的Web应用程序的前端。我想知道是否有可能使用Android的原生浏览器做同样的事情,我的意思是预装在Android中的一个浏览器哪个应用程序启动器看起来像这样,只是为了更清楚,:-):

有没有办法做到这一点?因为当我在chrome中打开带有此浏览器的选项卡时://检查当然我没有得到打开的选项卡,我无法检查我的设备从本机浏览器查看的内容。

我需要在某种程度上这样做,因为我发现一些与UI相关的问题(CSS,JS)专门绑定到本机浏览器,实际上在chrome中所有工作都很漂亮,但在本机浏览器上没有。

我也尝试使用weinre并发现它非常有用,但我只能在局域网的上下文中使用它,这意味着我必须使用LAN IP地址绑定设备,实际上我需要从中访问Web应用程序http://localhost(就像它在带有端口转发的Chrome DevTools中完成的那样),因为我使用的服务器端软件严格依赖于localhost(它不是我的,如果可以的话,我不会这样做)。

那么,有没有办法在Android默认本机浏览器上完成此操作?使用weinre和/或Chrome DevTools?

感谢您的关注!

P.S。:我知道Android浏览器不再是来自Android 4.4的原生浏览器,无论如何,我需要它以实现兼容性,当然,它是可能的(它应该是,我猜)。

android debugging remote-debugging android-browser
3个回答
2
投票

about:debug至少适用于JavaScript控制台。帮助我了解为什么它在那些原生的,基于WebView和有限的浏览器上被破坏了。


0
投票

您也可以使用chrome:// inspect来确保您的本机浏览器正在运行,因为您无法启动它,就像您可以从该页面进行Chrome操作一样。

此外,如果它没有显示在列表中使用adb列出设备通常会修复此问题。

adb devices

要获得完整的说明,您应该查看有关此主题https://developer.chrome.com/devtools/docs/remote-debugging的android文档


0
投票

您可以使用Chrome开发者工具调试在Android浏览器中运行的移动网站,其方式类似于在Chrome for Android上运行网站时进行调试:

如果您还没有这样做,请按照此处接受的答案中的所有步骤,使用Chrome开发工具(在台式计算机上)启用调试:

Chrome DevTools Devices does not detect device when plugged in

  • 现在,将您的设备连接到计算机,在Android浏览器中打开您的网页。转到Chrome开发工具,您应该看到设备已连接,您应该会看到类似这样的内容(通常在右侧显示“检查”按钮)。点击“检查”按钮即可进入 - 您可以使用Chrome开发工具调试Android浏览器!

enter image description here

© www.soinside.com 2019 - 2024. All rights reserved.