定位策略 - (通过 CSS - 子字符串匹配)

在本节中，您将学习如何使用 CSS - 子字符串匹配技术定位特定的 Web 元素。

WebDriver 提供了一个有趣的功能，允许使用 ^、$ 和 * 进行部分字符串匹配。

1. 以（^）开头

要选择和定位一个 Web 元素，我们将使用 ^，它表示“以...开头”。

请按照以下步骤使用部分字符串匹配技术定位文本框。

• 打开 URL：https://www.testandquiz.com/selenium/testing.html
• 右键单击示例网页上的文本框，然后选择“检查元素”

• 它将启动一个窗口，其中包含开发文本框所涉及的所有特定代码。

• 记下它的标签和 id 属性。

使用 ^ 运算符，通过 CSS - 子字符串匹配技术定位 Web 元素的 Java 语法如下：

因此，为了定位示例网页上的文本框，我们将使用 input 标签以及 id 属性。

类似地，为了定位示例网页上的提交按钮，我们将使用 button 标签以及 id 属性。

我们为您创建了一个示例脚本，以便您更好地了解如何使用 ^ 运算符通过 CSS - 子字符串匹配技术定位 Web 元素。

2. 以（$）结尾

要选择和定位一个 Web 元素，我们将使用 $，它表示“以...结尾”。

请按照以下步骤使用部分字符串匹配技术定位文本框。

• 打开 URL：https://www.testandquiz.com/selenium/testing.html
• 右键单击示例网页上的文本框，然后选择“检查元素”

• 它将启动一个窗口，其中包含开发文本框所涉及的所有特定代码。

• 记下它的标签和 id 属性。

使用 $ 运算符，通过 CSS - 子字符串匹配技术定位 Web 元素的 Java 语法如下：

因此，为了定位示例网页上的文本框，我们将使用 input 标签以及 id 属性。

类似地，为了定位示例网页上的提交按钮，我们将使用 button 标签以及 id 属性。

我们为您创建了一个示例脚本，以便您更好地了解如何使用 $ 运算符通过 CSS - 子字符串匹配技术定位 Web 元素。

3. 包含 (*)：<

要选择和定位一个 Web 元素，我们将使用 *，它表示“子字符串”。

请按照以下步骤使用部分字符串匹配技术定位文本框。

• 打开 URL：https://www.testandquiz.com/selenium/testing.html
• 右键单击示例网页上的文本框，然后选择“检查元素”

• 它将启动一个窗口，其中包含开发文本框所涉及的所有特定代码。

• 记下它的标签和 id 属性。

使用 * 运算符，通过 CSS - 子字符串匹配技术定位 Web 元素的 Java 语法如下：

driver.findElement(By.cssSelector("Tag[attribute*=sub-string]"))

因此，为了定位示例网页上的文本框，我们将使用 input 标签以及 id 属性。

driver.findElement(By.cssSelector("input[id*='id']"))

我们也可以使用 'contains()' 代替 * 运算符

driver.findElement(By.cssSelector("input:contains('id')"))

我们为您创建了一个示例脚本，以便您更好地了解如何使用 $ 运算符通过 CSS - 子字符串匹配技术定位 Web 元素。

import org.openqa.selenium.By; import org.openqa.selenium.WebDriver; import org.openqa.selenium.chrome.ChromeDriver; public class SampleSeven { public static void main(String[] args) { // System Property for Chrome Driver System.setProperty("webdriver.chrome.driver","D:\\ChromeDriver\\chromedriver.exe"); // Instantiate a ChromeDriver class. WebDriver driver=new ChromeDriver(); // Launch Website driver.navigate().to("https://www.testandquiz.com/selenium/testing.html"); // Click on the textbox and send value driver.findElement(By.cssSelector("input[id*='id']")).sendKeys("JavaTpoint C++ Tutorial"); // Close the Browser driver.close(); } }


下一主题定位策略 - 通过 CSS



← 上一个 下一个 →