Chrome 如何找到HTML网页上任何元素的XPATH或CSS定位器

inb24sb2  于 2023-06-19  发布在  Go
关注(0)|答案(3)|浏览(272)

我试图找到一个元素的定位器在屏幕上使用 chrome 。我正在使用Inspect元素,但我不知道如何为自动化UI测试提取定位器。我怎么能这么做。下面是我试图定位的元素的示例
我正在尝试定位“登录”按钮。我不需要找到登录按钮,我需要知道一个策略,以找到任何我想要的。如何提取我想要的任何定位器?

z5btuh9x

z5btuh9x1#

要在Chrome的Inspect Elements中提取元素的定位器,您可以执行以下步骤:

  • 右键单击要定位的元素(在本例中是Login按钮),然后从上下文菜单中选择“Inspect”。这将打开Chrome DevTools面板并突出显示相应的HTML代码。
  • 在DevTools面板中,找到代表Login按钮的高亮显示的HTML代码。它可能是一个按钮、输入或任何其他相关的HTML标记。
  • 查找可用作定位符的元素的唯一属性。常用的属性包括id、class、name、data-* 属性等。

参考文献:

Using id attribute: If the element has a unique id attribute, you can use it as a locator. For example: By.id("loginButton").

    Using class attribute: If the element has a unique class, you can use it as a locator. For example: By.className("login-button").

    Using other attributes: If there are no unique id or class attributes, you can use other attributes like name, data-*, or cssSelector. For example: By.cssSelector("button[data-testid='loginButton']").
dgjrabp2

dgjrabp22#

要单击元素Log in,可以使用以下locator strategy

  • 使用 * xpath *:
driver.get("https://tinder.com/");
driver.findElement(By.xpath("//a//div[text()='Log in']")).click();
mwg9r5ms

mwg9r5ms3#

右键单击要定位的元素,然后选择“检查”选项,这将打开开发人员工具,HTML代码的给定行将突出显示。右键单击该行并选择选项复制XPATH或CSS定位器,具体取决于您想要获取的定位器类型。

相关问题