如何处理在 selenium 中具有不断变化的“css 选择器”值的 web 元素？

Question

在 selenium 中，有没有办法通过提供字段名称来获取 css-selector 值？

我正在尝试编写一些 selenium 案例来填写下一页中的一些输入。

但不幸的是，此页面上的元素既不是 id 也不是命名的。我可以访问这些字段的唯一方法是通过它们的 css-selector 值，就像：

self.driver.find_element_by_css_selector("...")

此时我正在查看此网页，

本地访问设置区域的css-selector值为：

#app > div.app > div > div > div.content > div:nth-child(2) > div > div:nth-child(3) > div.section-title

http 文本字段的 css-selector 值为：

#app > div.app > div > div > div.content > div:nth-child(2) > div > div:nth-child(3) > div.row > div:nth-child(1) > div > div.col-8.formik-custom-field > div > input[type=text]

但痛苦的部分是，对于这两个 css-selector 值，它的“div:nth-child(3)”部分一直在变化。它取决于前一页上通向当前页面的输入。 它可能是“div:nth-child(4)”、“div:nth-child(5)”，甚至是“div:nth-child” (6)"。

所以我在想也许我可以先找到 Local Access Settings 字符串的 css-selector 值，然后在此基础上为 http 连接 css-selector 字符串strong> 文本区域。

所以我的问题是，如果我在我的 selenium 代码中提供此“本地访问设置”关键字，我如何获得 css-selector 值？

谢谢，

杰克

Answer 1

如果问题是通过子编号更改 CSS，例如 div:nth-child(2) 到 div:nth-child(3) 你可以使用一些这样的循环

import itertools 
from selenium.common.exceptions import NoSuchElementException

for i in itertools.count(start=1):
    try:
       self.driver.find_element_by_css_selector("#app > div.app > div > div > div.content > div:nth-child(' + str(i) + ')")
    except NoSuchElementException:
       pass

这将尝试从 1 到无限数量的孩子编号，您可以将其添加到每个正在更改的孩子 在更改元素子编号上使用此(' + str(i) + ')，如果问题是其他问题，请确认我