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

Question

我想在Android浏览器中检查我的网站CSS / HTML元素。

然而，它将通过智能手机或Android SDK。

最好的方法是什么？

Answer 1

必须调试原生Android浏览器的网站并来到这里。所以我在OS X 10.9（作为weinre服务器）上使用Firefox 30.0（weinre客户端）和Android 4.1.2（目标）尝试了weinre。我真的非常对结果感到惊讶。

1. 从http://nodejs.org/download/
下载并安装节点运行时
2. 安装weinre：sudo npm -g install weinre
3. 在设置＆gt;中找出您当前的IP地址网络
4. 在您的计算机上设置weinre服务器：weinre --boundHost YOUR.IP.ADDRESS.HERE
5. 在您的浏览器中致电：http://YOUR.IP.ADRESS.HERE:8080
6. 您会看到一个脚本代码段，将其放入您的网站：<script src="http://YOUR.IP.ADDRESS.HERE:8080/target/target-script-min.js"></script>
7. 在本地浏览器中打开调试客户端：http://YOUR.IP.ADDRESS.HERE:8080/client
8. 最后在您的Android上：调用您要检查的网站（包含内部脚本的网站），并查看它在本地浏览器中的显示方式。现在你可以打开“元素”或任何你想要的东西。

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

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

:)快乐的调试

P.S。我仍然不知所措有多好。甚至元素 - 突出工作O_O°

Answer 2

Android上的Chrome可以使用桌面上的Chrome开发者工具检查从Android设备上的Chrome应用程序加载的HTML。

请参阅： https://developers.google.com/chrome-developer-tools/docs/remote-debugging

Answer 3

您可以使用Chrome浏览器检查Android设备中网站的元素。

打开Chrome浏览器并转到要检查的网站。

转到地址栏并在“HTTP”前输入“view-source：”并重新加载页面。

将显示页面的所有元素。

Answer 4

如果您想检查 html、css 或者您的移动浏览器中可能需要 js 控制台。您可以使用出色的工具 eruda 使用它，您可以在移动浏览器上拥有与在桌面设备中相同的开发者工具。别忘了点赞 :) 这是一个链接 https://github.com/liriliri/eruda

Answer 5

只需将此代码添加为链接即可：

javascript:(function () { var script = document.createElement('script'); script.src="//cdn.jsdelivr.net/npm/eruda"; document.body.appendChild(script); script.onload = function () { eruda.init() } })();

并在打开网站后打开书签（在搜索栏中搜索 SAVED 名称）。书签将出现在您的搜索栏上，打开它，您将在 Android 上拥有检查元素。