为何Selenium无法对Facebook广告库弹窗元素执行Click操作？

问题描述 #

我确认弹窗里的语言下拉框元素XPath是正确的，但执行filters_language_dropdown.click()后再调用.send_keys(Keys.Enter)完全没反应。但同一个弹窗里，用初始的filters按钮元素XPath执行filters_button.send_keys(Keys.ENTER)却能正常生效，这是为什么？（弹窗可通过点击Facebook广告库页面的'filters'按钮打开）

相关代码 #

# Initialize the browser and navigate to the page
browser = webdriver.Chrome(service=Service(ChromeDriverManager().install()))
browser.get("https://www.facebook.com/ads/library/?active_status=all&ad_type=all&country=ALL&q=%22%22&sort_data[direction]=desc&sort_data[mode]=relevancy_monthly_grouped&search_type=keyword_exact_phrase&media_type=all")
# (In working order): Look for keyword, make it clickable, clear existing data in box, enter new info, keep page open for 10 seconds
search_box = WebDriverWait(browser, 10).until(EC.element_to_be_clickable((By.XPATH, "//input[@placeholder='Search by keyword or advertiser']")))
search_box.click()
search_box.clear()
search_box.send_keys("" "" + Keys.ENTER)
time.sleep(3)

# Activating the filters (English, active ads, date from (last 2 days) to today)
filters_button = WebDriverWait(browser, 10).until(EC.element_to_be_clickable((By.XPATH, "//body[1]/div[1]/div[1]/div[1]/div[1]/div[1]/div[1]/div[5]/div[2]/div[1]/div[1]/div[3]/div[1]/div[1]/div[1]/div[1]/div[1]/div[1]/div[1]")))
filters_button.click()
filters_button.send_keys(Keys.ENTER)
time.sleep(3)

filters_language_dropdown = WebDriverWait(browser, 10).until(EC.element_to_be_clickable((By.XPATH, "//div[@id='js_knd']//div[@class='x6s0dn4 x78zum5 x13fuv20 xu3j5b3 x1q0q8m5 x26u7qi x178xt8z xm81vs4 xso031l xy80clv xb9moi8 xfth1om x21b0me xmls85d xhk9q7s x1otrzb0 x1i1ezom x1o6z2jb x1gzqxud x108nfp6 xm7lytj x1ykpatu xlu9dua x1w2lkzu']")))
filters_language_dropdown.click()
filters_language_dropdown.send_keys(Keys.ENTER)
time.sleep(3)

原因分析 #

• 焦点未落在正确元素上：点击语言下拉框后，焦点可能仍停留在触发下拉的容器元素上，而非展开后的选项列表。此时按Enter无法触发选择操作；而filters按钮点击后焦点仍在按钮上，Enter相当于再次确认弹窗触发，所以有效。
• 定位元素并非核心交互对象：你定位的filters_language_dropdown可能只是下拉框的外层显示容器，而非真正能接收键盘事件或触发选项选择的内层元素。Facebook的UI大量使用嵌套div，外层负责渲染，内层才处理交互逻辑。
• 时机不对：虽然加了time.sleep(3)，但固定等待无法保证下拉选项完全加载或展开，可能导致Enter操作执行时选项还未就绪。

解决方法 #

1. 直接定位目标选项元素 #

展开下拉框后，直接定位你要选择的语言选项（比如“English”），再执行点击或Enter操作：

# 点击触发语言下拉框
filters_language_dropdown = WebDriverWait(browser, 10).until(EC.element_to_be_clickable((By.XPATH, "//div[@id='js_knd']//div[contains(@class, 'x6s0dn4')]")))
filters_language_dropdown.click()

# 显式等待目标语言选项可交互
english_option = WebDriverWait(browser, 10).until(EC.element_to_be_clickable((By.XPATH, "//div[text()='English']")))
# 执行选择操作
english_option.click()
# 或 english_option.send_keys(Keys.ENTER)

2. 确保焦点切换到选项列表 #

用ActionChains模拟点击下拉框后，切换焦点到选项列表再按Enter：

from selenium.webdriver.common.action_chains import ActionChains

filters_language_dropdown = WebDriverWait(browser, 10).until(EC.element_to_be_clickable((By.XPATH, "//div[@id='js_knd']//div[contains(@class, 'x6s0dn4')]")))
filters_language_dropdown.click()

# 等待下拉列表展开后，用Tab切换焦点到选项，再按Enter
actions = ActionChains(browser)
actions.send_keys(Keys.TAB).send_keys(Keys.ENTER).perform()

3. 替换固定等待为显式等待 #

去掉time.sleep(3)，改用显式等待确认下拉元素就绪，避免时机问题：

filters_language_dropdown = WebDriverWait(browser, 10).until(EC.element_to_be_clickable((By.XPATH, "//div[@id='js_knd']//div[contains(@class, 'x6s0dn4')]")))
filters_language_dropdown.click()

# 等待下拉选项列表可见
WebDriverWait(browser, 10).until(EC.visibility_of_element_located((By.XPATH, "//div[contains(@class, 'x1n2onr6')]")))
# 执行Enter操作
filters_language_dropdown.send_keys(Keys.ENTER)

内容的提问来源于stack exchange，提问作者Saad.A