如何检查Android浏览器中的元素？

我想检查我的网站的CSS/HTML元素在我的Android浏览器。但它会通过智能手机或Android SDK。如何检查Android浏览器中的元素？

什么是最好的办法呢？在Android

2012-11-11 alnassre

[检查Android中的UI元素]的可能的重复（http://stackoverflow.com/questions/8304358/inspect-ui-elements-in-android） – rid

浏览器能够使用桌面上的Chrome开发者工具来检查这是从Android设备上的Chrome应用程序加载的HTML。

2012-11-11 10:16:56

我很好，但是我会更快乐如果我能做到这一点在Android浏览器，Chrome浏览器没有，这主要是因为Chrome的已经的伟大工程......你知道，兼容性问题让我不得不降级的东西，但我没有办法测试它:( – Goodwine

的@Goodwine取看看https://www.jshybugger.com/。它是目前调试Android Browser的最佳解决方案。 –

@PaulIrish在本文发表时，我一直在寻找，并发现[weinre]（http：// people。 apache.org/~pmuellr/weinre/docs/latest/Home。html），它一旦你能够处理它真的很好:) – Goodwine

只好到调试的原生Android浏览器的网站，来到了这里。所以，我的OS X 10.9（如weinre服务器）上尝试weinre与Firefox 30.0（weinre客户端）和一个Android 4.1.2（目标）。我对结果感到非常惊讶。

下载，然后从http://nodejs.org/download/
安装节点运行安装weinre：sudo npm -g install weinre
找出在设置你当前的IP地址>网络
设置你的机器上weinre服务器：weinre --boundHost YOUR.IP.ADDRESS.HERE
在你浏览器调用：http://YOUR.IP.ADRESS.HERE:8080
你会看到一个脚本片段，将其放置到您的网站：<script src="http://YOUR.IP.ADDRESS.HERE:8080/target/target-script-min.js"></script>
打开您的本地浏览器的调试客户端：http://YOUR.IP.ADDRESS.HERE:8080/client
最后在Android：叫你要检查（具有内部脚本），看看在你的本地浏览器作为“目标”是如何出现在现场。现在你可以打开“元素”或任何你想要的。

也许8080是不是你的默认端口。然后在第4步中，您必须拨打weinre --httpPort YOURPORT --boundHost YOUR.IP.ADRESS.HERE。

我不记得它到底是什么时候，也许在第5步之后的某个地方，我不得不接受传入的连接提示，当然。

:)快乐调试

附：我仍然不知所措。即使元素 - 突出显示的工作O_O°

2014-07-23 20:41:47 leymannx

简直太神奇了。感谢您的一步一步。 – rsc

或者在步骤4中使用'weinre --boundHost -all-'绑定到所有接口 – awidgery

另外，我必须使用ngrok来远程创建隧道。确保你将ngrok绑定到相同的ip地址（而不是localhost），否则它将无法工作ngrok http 192.168.0.104：8080然后在脚本标签中使用ngrok url。 –

您可以使用Chrome浏览器检查Android设备中网站的元素。打开Chrome浏览器和GOTO要inspect.Go到地址栏并输入网站“查看源代码”的“HTTP”之前并重新加载PAGE电泳页面的所有元素将被显示。

2017-03-28 05:56:57 maa

回答