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

【问题标题】：How to Inspect an Element in Android Browser如何在 Android 浏览器中检查元素
【发布时间】：2013-10-31 11:17:38
【问题描述】：

我正在尝试检查 android 浏览器中的元素，但找不到任何软件。有人可以帮我吗？

【问题讨论】：

标签： android android-layout selenium-webdriver

【解决方案1】：

可以通过 Chrome 浏览器（不确定默认的 android 浏览器）。 Chrome 应用程序可以与桌面上的 Chrome 开发人员工具一起使用，以检查您的 Android 设备上显示的 HTML（等）。

This is documented here

【讨论】：

作为评论会更好，因为它没有具体回答问题（不幸的是，由于并非所有用户都安装了 Chrome，许多人不得不在 Android 浏览器上进行测试）

【解决方案2】：

您可以通过两种不同的方式做到这一点 -

1) 您可以使用 Firefox 桌面浏览器并将用户代理设置为类似于 Android 浏览器，并使用 Firebug 和 Firepath 检查元素

为此，您可以安装 User Agent Switcher Add-on 或按照以下步骤操作-

a) 导航到桌面上的 Firefox 浏览器 b) 在地址栏上，输入 about:config c) 然后添加名称为“general.useragent.override”的字符串值，并为字符串值提供您所针对的 Android 浏览器的用户代理值，您可以从 - http://www.useragentstring.com/

获取 Useragent 值

重新启动浏览器，导航到要检查元素的页面

获取您要在 Android 设备上检查的网页的页面源（创建 Android 模拟器），您可以使用以下 selenium 代码获取页面源-

WebDriver driver=new AndroidDriver();

driver.get("http://yourwebpage.com");

System.out.println(driver.getPageSource());

a) 将控制台中的页面源代码保存到记事本中，并以扩展名 .html 保存

b) 使用 Firefox 浏览器打开页面并使用 Firebug 和 Firepath 检查元素

【讨论】：

这些方法都不利于正确调试 Android 浏览器，也不利于对元素进行任何深入检查。更改用户代理字符串并不会神奇地使 Firefox 像 Android 上的 webkit 一样运行，并且简单地获取源代码并在 Firefox 中本地运行它也不能准确表示 Android 浏览器如何处理它......你可以像首先在 Firefox 中运行它！ :)

【解决方案3】：

在 Linux 上，您可以在桌面和移动设备上安装 adb 包（Android Debug Bridge）和相同版本的 Firefox。我使用的是 68.11.0 版本，但它也应该适用于更高版本。

这是文档，它对我来说非常有效： https://developer.mozilla.org/docs/Tools/about:debugging

【讨论】：

您好...检查//观看...您的答案没有详细说明。插入带有代码和参考的有效响应很有用。得出一个切实有效的解决方案。这个平台不仅仅是任何论坛。我们是世界上其他程序员和开发人员最大的帮助和支持中心。查看社区条款并了解如何发帖；

【解决方案4】：

看起来像这样：

步骤：

转到主页 > 按三点菜单 > 按星形图标（添加书签）
现在按下下方的编辑
现在在 URL 部分添加以下代码并将书签名称更改为 Inspect Element 或任何您想要的。

代码：

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

现在返回并打开您要检查的任何站点，例如：https://google.com > 按顶部的搜索栏 > 搜索您刚刚保存的书签 > 按该书签
现在你会在右下角看到一个新的浮动按钮
只需按下该按钮即可完成?

注意：

不要忘记从站点设置启用 JavaScript 和弹出窗口！

【讨论】：