Python Selenium中如何实现JavaScript调用Python方法

Selenium 原生不支持JavaScript 直接反向调用绑定的 Python 方法，它的通信模型是单向控制式的：只有 Python 端作为控制主体主动向浏览器下发指令、执行 JS、拉取返回值，浏览器侧的 JS 没有内置的主动请求通道，无法像 PyQt5 QWebChannel 那样开箱即用实现双向通信。

你可以根据自己的实时性要求，选下面三种成熟方案实现反向调用：

• 方案1：DOM/全局变量标记轮询（零依赖、实现最简单，适合实时性要求不高的场景）
  核心逻辑是提前约定一个桥接载体，JS 触发事件时把需要传递的参数序列化后写到载体上，Python 端开短间隔循环检测载体内容变化，检测到约定标记就执行对应 Python 方法，处理完成后清空标记避免重复触发。
  示例代码：

  import time
  import json
  from selenium import webdriver
  
  driver = webdriver.Chrome(executable_path="C:\\chromedriver.exe")
  driver.get("https://www.tutorialspoint.com/tutor_connect/index.php")
  
  # 注入隐藏的桥接节点
  driver.execute_script("""
  if (!document.getElementById('py-bridge')) {
      const bridge = document.createElement('div');
      bridge.id = 'py-bridge';
      bridge.style.display = 'none';
      document.body.appendChild(bridge);
  }
  """)
  
  # 你要绑定的Python业务方法
  def js_finish_callback(payload):
      print(f"收到JS执行完成信号，传入参数：{payload}")
      # 处理完成后清空桥接标记
      driver.execute_script("document.getElementById('py-bridge').removeAttribute('data-payload')")
  
  # 监听循环
  while True:
      callback_payload = driver.execute_script("return document.getElementById('py-bridge').getAttribute('data-payload')")
      if callback_payload:
          js_finish_callback(json.loads(callback_payload))
      time.sleep(0.1) # 100ms检测间隔，平衡CPU占用和响应速度
  

  浏览器侧JS触发回调的代码：

  // 你的JS业务逻辑执行完成后，往桥接节点写参数即可触发Python方法
  function yourJsFunction() {
      // ... 原有业务逻辑
      document.getElementById('py-bridge').setAttribute(
          'data-payload', 
          JSON.stringify({msg: "js函数执行完成", result: 123})
      )
  }
  

• 方案2：CDP事件监听（实时性好、无额外端口占用，适合Chrome/Edge等Chromium系浏览器）
  Selenium 4及以上版本原生支持Chrome Devtools Protocol监听，你可以约定特殊格式的控制台日志作为回调信号，JS端触发时打印约定格式的日志，Python端监听控制台输出事件，匹配到对应信号就执行业务方法，不需要轮询。
  示例代码：

  import time
  import json
  from selenium import webdriver
  from selenium.webdriver.common.desired_capabilities import DesiredCapabilities
  
  caps = DesiredCapabilities.CHROME
  caps["goog:loggingPrefs"] = {"browser": "ALL"}
  driver = webdriver.Chrome(executable_path="C:\\chromedriver.exe", desired_capabilities=caps)
  driver.get("https://www.tutorialspoint.com/tutor_connect/index.php")
  
  def js_event_callback(payload):
      print(f"CDP收到JS事件：{payload}")
  
  # 监听控制台日志
  while True:
      for log in driver.get_log("browser"):
          log_msg = log["message"]
          if log_msg.startswith('"__PY_CALLBACK__'):
              payload = json.loads(log_msg.strip('"').replace("__PY_CALLBACK__", ""))
              js_event_callback(payload)
      time.sleep(0.05)
  

  浏览器侧JS触发代码：

  console.log("__PY_CALLBACK__" + JSON.stringify({event: "click_trigger", data: "按钮被点击"}))
  

• 方案3：本地HTTP服务桥接（实时性最高、最接近QWebChannel体验，适合复杂交互场景）
  在Python本地起一个监听127.0.0.1的轻量HTTP服务，JS端需要触发回调时直接向这个本地端口发HTTP请求传递参数，Python端收到请求后直接执行绑定的方法即可。注意需要给浏览器配置跨域允许规则，避免本地请求被CORS拦截。

注意：不要用alert弹窗阻塞作为回调触发方式，稳定性差，且容易导致Selenium会话卡死。

内容的提问来源于stack exchange，提问作者Chris P