"span:contains('String')"이 포함된 Selenium의 잘못된 SelectorException

Firefox와 함께 Python에서 Selenium을 사용할 때 CSS 선택기 "span:contains('Control panel')"을 사용하여 요소를 찾으면 다음 오류가 발생할 수 있습니다.

selenium.common.exceptions.InvalidSelectorException: Given css selector expression "span:contains('Control panel')" is invalid: InvalidSelectorError: 'span:contains('Control panel')' is not a valid selector: "span:contains('Control panel')"

이 오류는 제공된 CSS가 선택기가 잘못되었습니다. Issue#987 및 Issue#1547에 따르면 ":contains" 의사 클래스는 Firefox 또는 Chrome에서 지원되지 않습니다.

해결책:

": 포함" 의사 클래스는 표준 CSS 선택기가 아니며 대체 속성 선택기로 대체되어야 합니다. 예:

element = "span[attribute_name=attribute_value]"

대체 XPath:

속성 선택기가 사용 가능한 경우 다음 XPath 중 하나를 사용할 수 있습니다.

element = my_driver.find_element_by_xpath("//span[text()='Control panel']")
element = my_driver.find_element_by_xpath("//span[contains(.,'Control panel')]")
element = my_driver.find_element_by_xpath("//span[normalize-space()='Control panel']")

jQuery 대안:

$('span:contains("Control panel")')

참고:

CSS 선택기는 브라우저 콘솔에서 지원되지 않지만 JQuery는 다음에 대한 바로가기를 제공합니다. document.querySelector. 따라서 JQuery는 페이지에서 활성화된 경우 CSS 선택기를 지원할 수 있습니다.