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

小开

最佳答案

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

参见: Https://developers.google.com/chrome-developer-tools/docs/remote-debugging

小开

调试了一个原生 Android 浏览器的网站，然后来到这里。因此，我在 OS X 10.9(作为 weinre 服务器)上使用 Firefox 30.0(weinre 客户端)和 Android 4.1.2(目标)尝试了 Weinre。我对结果感到非常非常惊讶。

从 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步之后的某个地方，当然，我必须接受传入的连接提示。

调试愉快

另外，我还是不知道这个有多好用，即使是元素突出也很管用

小开

你可以使用 Chrome 浏览器在你的 Android 设备上检查网站的元素。

打开你的 Chrome 浏览器，进入你想要查看的网站。

转到地址栏，在“ HTTP”之前键入“ view-source:”，然后重新加载页面。

将显示页面的整个元素。

小开

如果你想检查 html，css 或者你可能需要 js 控制台在你的移动浏览器。你可以使用优秀的工具 埃鲁达使用它，你有相同的开发工具在您的移动浏览器作为在您的桌面设备。不要忘记上传:)这里是一个链接 https://github.com/liriliri/eruda

小开

只需将这段代码标记为一个链接:

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

打开网站后打开书签(在搜索栏中搜索保存的名称)。书签会出现在你的搜索栏上，打开它，你就可以在 Android 上查看元素。

小开

Kiwi 浏览器已经在其 Android 应用程序中添加了 chrome 开发工具。

它允许你从不同的标签页查看网页。

与查看 html 源代码不同，您可以实时查看页面更新。

你也可以使用 Android 分割屏幕，并将一个标签移动到一个新窗口，这样你就可以同时看到两者。