提问人：Mouna Camelia Hammoudi 提问时间：6/13/2023 最后编辑：Mouna Camelia Hammoudi 更新时间：6/16/2023 访问量：308
如何在 HTML 网页上找到任何元素的 XPATH 或 CSS 定位符
How can I find the XPATH or the CSS locator of any element on an HTML web page
问：
我正在尝试使用 chrome 在屏幕中查找元素的定位器。我正在使用 Inspect 元素，但我不知道如何提取定位器以进行自动 UI 测试。我该怎么做。这是我尝试定位的元素的示例
我正在尝试找到“登录”按钮。我不需要找到登录按钮，我需要了解找到我想要的任何东西的策略。如何提取我想要的任何定位器？
答：
1赞
undetected Selenium
6/13/2023
#1
要单击元素，您可以使用以下定位器策略：Log in
使用 xpath：
driver.get("https://tinder.com/"); driver.findElement(By.xpath("//a//div[text()='Log in']")).click();
评论
0赞
Mouna Camelia Hammoudi
6/13/2023
我不需要找到登录按钮，我需要了解找到我想要的任何东西的策略。如何提取我想要的任何定位器？
0赞
Mouna Camelia Hammoudi
6/13/2023
我不需要找到登录按钮，我需要了解找到我想要的任何东西的策略。如何提取我想要的任何定位器？我想要一种方法从 Web 检查器元素中自动提取它。
0赞
undetected Selenium
6/13/2023
这确实是一个巨大的问题，恐怕答案不适合这个答案空间。
0赞
Mouna Camelia Hammoudi
6/13/2023
只需添加一个新答案即可给出策略。每个人都需要一种自动化的方式来检测网页上的任何元素
1赞
Samira Kumar Nanda
6/13/2023
#2
要在 Chrome 的 Inspect Elements 中提取元素的定位符，您可以按照以下步骤操作：
右键单击要查找的元素（在本例中为“登录”按钮），然后从上下文菜单中选择“检查”。这将打开 Chrome DevTools 面板并突出显示相应的 HTML 代码。
在“DevTools”面板中，找到表示“登录”按钮的突出显示的 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']").
0赞
Mouna Camelia Hammoudi
6/16/2023
#3
右键单击要查找的元素，然后选择“检查”选项，这将打开开发人员工具，并突出显示给定的 HTML 代码行。右键单击该行，然后选择选项复制 XPATH 或 CSS 定位器，具体取决于要获取的定位器类型。
评论