如何在 Selenium 中使用 \"span:contains(\'String\')\" 解決 InvalidSelectorException？

Selenium 中帶有「span:contains('String')」的Invalid 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，Firefox 或 Chrome 不支援「:contains」偽類。

解決方案：

“:contains”偽類不是標準 CSS 選擇器，應替換為替代屬性選擇器。例如：

<code class="python">element = "span[attribute_name=attribute_value]"</code>

備用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 替代方案：

<code class="javascript">$('span:contains("Control panel")')</code>

注意：

CSS 選擇器不受支援瀏覽器控制台，但JQuery 提供了document.querySelector 的快捷方式。因此，如果頁面上啟用了 CSS 選擇器，JQuery 可能會支援 CSS 選擇器。

以上是如何在 Selenium 中使用 \"span:contains(\'String\')\" 解決 InvalidSelectorException？的詳細內容。更多資訊請關注PHP中文網其他相關文章！