html - 如何查找页面详细信息，例如它是否具有框架、表格、链接以及如何嵌入这些以自动化任何 Web 应用程序

Question

我想使用 watir 或 watir-webdriver 自动化 Web 应用程序。即使我保留了正确的对象详细信息，我也会收到诸如无法定位元素之类的错误。所以我怀疑我是否保持完整的对象流。我可能会想念父母的名声、桌子等，所以我也想知道对象父母的详细信息。请帮助我识别对象的完整结构。

Answer 1

我确实从根使用了两级子节点标识。首先，我确定了框架的对象 ID，然后进入了元素级别。

browser.element(:id, 'portletComponentWorkList:viewNormalModeWorkList:viewPanel:_id246').select_list(:id, 'portletComponentWorkList_viewNormalModeWorkList_viewPanel_conditionsMenu').option(:value => 'caseId').select

browser.element(:id, 'portletComponentWorkList:viewNormalModeWorkList:viewPanel:_id246').link(:id, 'portletComponentWorkList_viewNormalModeWorkList_viewPanel_conditionButton').when_present.click

Answer 2

如果我正确解释了您的问题，我认为您想使用浏览器的开发人员工具栏。

Watir Wiki包含有关启动工具栏的信息。以下是维基文章的一部分。

要查看 Web 应用程序中元素的详细信息，建议使用开发人员工具栏，因为它将提供元素检查功能。这些快速向您展示了使用 Watir 自动化它们所需的元素属性和属性。

以下浏览器具有可用的开发工具栏：

Internet Explorer（8 及更高版本）

Windows Internet Explorer 开发工具包含在浏览器中。有关文档，请参阅MSDN中的这篇文章。

火狐

Firefox 的开发者工具栏称为 Firebug，可作为插件使用。

1. 访问http://getfirebug.com/
2. 点击安装 Firebug
3. 单击添加到 Firefox
4. 按照提示重新启动 Firefox 以启用附加功能
5. 单击 Firefox 的 URL 窗口右侧的错误图标
6. 单击检查图标，然后单击应用中的任何元素以查看其属性

铬合金

Chrome 的开发者工具栏包含在 Chrome 安装中。有关详细信息，请参阅Chrome 开发者工具文档。