当我的移动设备使用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的原生浏览器,无论如何,我需要它以实现兼容性,当然,它是可能的(它应该是,我猜)。
about:debug
至少适用于JavaScript控制台。帮助我了解为什么它在那些原生的,基于WebView和有限的浏览器上被破坏了。
您也可以使用chrome:// inspect来确保您的本机浏览器正在运行,因为您无法启动它,就像您可以从该页面进行Chrome操作一样。
此外,如果它没有显示在列表中使用adb列出设备通常会修复此问题。
adb devices
要获得完整的说明,您应该查看有关此主题https://developer.chrome.com/devtools/docs/remote-debugging的android文档
您可以使用Chrome开发者工具调试在Android浏览器中运行的移动网站,其方式类似于在Chrome for Android上运行网站时进行调试:
如果您还没有这样做,请按照此处接受的答案中的所有步骤,使用Chrome开发工具(在台式计算机上)启用调试:
Chrome DevTools Devices does not detect device when plugged in