定位策略 - (通过 CSS 标签、类和属性)

2024 年 11 月 16 日 | 阅读 2 分钟

在本节中,您将学习如何使用 CSS - 标签、类和属性选择器来定位特定的 Web 元素。

在这种情况下,我们将检查最流行的搜索引擎之一,即 Google 的搜索文本框。

众所周知,定位特定的 Web 元素涉及检查其 HTML 代码。 因此,按照以下步骤定位 Google 搜索引擎初始网页上提供的文本框。

  • 打开 URL:https://www.google.co.in/
  • 右键单击示例网页上的文本框,然后选择“检查元素”
Locating Strategies- By CSS-Tag, Class and Attribute
  • 它将启动一个窗口,其中包含参与文本框开发的所有特定代码。
Locating Strategies- By CSS-Tag, Class and Attribute
  • 记下它的标签、类和属性。
Locating Strategies- By CSS-Tag, Class and Attribute

通过 CSS - 标签、类和属性选择器定位 Web 元素的 Java 语法写为

因此,为了定位 Google 搜索引擎页面上的文本框,我们将使用 input 标签、类和 Name 属性

同样,为了定位 Google 搜索引擎页面上的 Google 搜索按钮,我们将使用其各自的 input 标签、类和 Name 属性

我们为您创建了一个示例脚本,以便更好地理解如何使用 CSS - 标签、类和属性选择器。 我们在代码的每个部分都嵌入了注释,这些注释将指导您完成整个自动化过程。