如何在桌面机器上调试Android的原生浏览器(非Chrome)?

16 浏览
0 Comments

如何在桌面机器上调试Android的原生浏览器(非Chrome)?

当我的移动设备使用Chrome浏览器(使用端口转发)时,我可以成功地使用Google的Chrome DevTools(chrome://inspect)调试运行在移动设备上的Web应用程序的前端。我想知道是否可以使用Android的原生浏览器做同样的事情,我的意思是预装在Android中的那个浏览器,应用启动器看起来像这样,为了更清楚,:-):\n\"enter\n有没有办法做到这一点?因为当我在chrome://inspect中打开一个带有这个浏览器的选项卡时,我当然不能获取到已打开的选项卡,并且无法检查我的设备从原生浏览器中查看的内容。\n我需要找到一种方法来做到这一点,因为我发现一些与原生浏览器相关的UI问题(CSS,JS),实际上在Chrome中一切都运行得很好,但在原生浏览器中不行。\n我还尝试过使用weinre,发现它非常有用,但我只能在局域网的上下文中使用它,这意味着我必须将设备绑定到一个局域网IP地址,并且实际上我需要从http://localhost(就像在Chrome DevTools中使用端口转发一样)访问Web应用程序,因为我使用的服务器端软件严格依赖于localhost(这不是我的,如果我可以的话,我不会这样做)。\n那么,在Android默认的原生浏览器上是否有实现这一点的方法?使用weinre和/或Chrome DevTools?\n谢谢关注!\nP.S.:我知道Android 4.4以后的版本不再使用原生浏览器了,不管怎样,出于兼容性的考虑,我需要这样做(我猜应该有可能)。

0
0 Comments

如何在桌面机器上调试Android的原生浏览器(不是Chrome)?

问题原因:无法通过chrome://inspect来调试原生浏览器,需要确保原生浏览器正在运行,且无法像Chrome浏览器那样从该页面启动。如果列表中没有显示原生浏览器,可以使用adb列出设备来解决。

解决方法:使用adb命令列出设备,然后通过chrome://inspect来调试原生浏览器。具体操作请参考Android文档的相关主题:https://developer.chrome.com/devtools/docs/remote-debugging。此方法可能仅适用于Android 4.4及以上版本。

某些情况下在LG G3 5.0.1上使用dev tools时遇到了问题,更新了浏览器组件后,使用dev tools只能看到一个空白的检查器窗口。但是在Android 4.4+上,我成功使用dev tools进行调试,且没有更改设置。

有人认为提供的链接并没有回答问题。问题提问者指的是所有Android手机上预装的默认(或原生)Android浏览器。链接描述的是如何在使用Chrome浏览器时进行调试,而不是默认浏览器。

0
0 Comments

如何在桌面机器上调试Android的原生浏览器(非Chrome)?

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

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

Chrome DevTools Devices does not detect device when plugged in

现在,将您的设备连接到计算机上,打开原生Android浏览器中的网页。转到Chrome开发工具,在那里您应该看到已连接的设备,并且您应该看到类似于以下内容的内容(右侧通常有“检查”按钮)。点击“检查”按钮,您就可以使用Chrome开发工具调试原生Android浏览器!

在4.1模拟器上,尽管设备在设备列表中可见,但显示“未检测到浏览器”。

我不确定您的确切意思。您能提出一个包含截图的问题,并在此处作为评论发布问题的链接吗?您是否从设备列表中选择了设备?

是的,我点击了它,并且模拟器上的浏览器正在运行,网站已加载。这是Chrome显示的内容:i.imgur.com/UJHCJjt.png也许Android 4.1模拟器(API级别16)对于Chrome远程调试确实太旧了。

我仍然不完全确定您要做什么。您是在Chrome中通过SDK模拟器而不是通过物理设备运行的吗?听起来您可能正在尝试通过Web浏览器来调试本机应用程序,这是行不通的。这个问题是关于通过原生浏览器调试网站的,与原生Android应用程序无关。

不,我已经启动了Android模拟器并在Android浏览器中打开了我的网站。然后我在桌面机器上启动了Chrome,我在那里看到了模拟器设备,但是当我点击它时,它不显示浏览器,只有“没有浏览器”的消息。但是我已经解决了这个问题-我在模拟器上安装了Chrome,现在我的计算机Chrome可以看到模拟器上的Chrome。这证实了我的怀疑,即Chrome远程Web调试不适用于旧的Android浏览器,这是Android 4.1和更旧设备上的默认浏览器。

通过Android浏览器,我指的是最后一个蓝色圆圈图标:i.imgur.com/ZRB4OtQ.png,较旧的模拟器根本没有Chrome。

在真实设备上运行网站,而不是模拟器,并通过USB将其连接到桌面计算机,然后使用Chrome开发工具连接到设备,看它是否识别较旧的Android浏览器。这应该可以确定Chrome调试是否支持您的Android浏览器版本。我不确定模拟器是否像调试真实设备一样可靠。

问题是我自己没有使用较旧的Android浏览器的真实设备。这通常是使用模拟器的原因-在不同的浏览器上测试网站。噢,好吧,我想我将不得不使用weinre库来调试旧的移动浏览器上的网站。此外,一些制造商曾经基于Android浏览器创建自己的移动浏览器版本,因此您永远不知道在任何Android设备上启动默认浏览器时会得到什么...

它按预期工作 🙂 在Android默认浏览器上测试过

0
0 Comments

如何在桌面机器上调试Android的原生浏览器(非Chrome)?

"about:debug"至少适用于JavaScript控制台。这帮助我看到为什么这些原生的、基于WebView且功能有限的浏览器出现故障。

这是我在那些老手机上捕捉错误的方法。

太棒了!非常有帮助的提示,谢谢!

原因:需调试Android的原生浏览器,但没有相关的方法和工具。

解决方法:使用"about:debug"命令在JavaScript控制台中调试。该命令可以帮助我们发现原生、基于WebView且功能受限的浏览器出现故障的原因。这是一种在旧手机上捕捉错误的有效方法。感谢这个非常有帮助的提示!

0