80

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

但是，它将通过智能手机或 Android SDK。

最好的方法是什么？

4

5 回答 5

60

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

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

于 2012-11-11T10:16:56.913 回答
43

不得不为原生 Android 浏览器调试一个站点并来到这里。所以我在带有 Firefox 30.0（weinre 客户端）和 Android 4.1.2（目标）的 OS X 10.9（作为 weinre 服务器）上尝试了weinre 。我对结果感到非常非常惊讶。

  1. 从http://nodejs.org/download/下载并安装节点运行时
  2. 安装 weinre：sudo npm -g install weinre
  3. 在设置 > 网络中找出您当前的 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 步之后的某个地方，当然，我不得不接受传入的连接提示。

快乐调试

PS 我仍然对它的效果感到不知所措。甚至元素突出工作

于 2014-07-23T20:41:47.687 回答
14

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

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

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

将显示页面的整个元素。

于 2017-03-28T05:56:57.423 回答
1

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

于 2020-12-27T14:56:16.747 回答
0

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

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 上拥有检查元素。

于 2021-03-11T14:45:33.940 回答