如何将Selenium Chrome窗口嵌入Tkinter窗口？无需更换非Selenium工具

问题背景 #

你目前使用Tkinter结合Selenium进行自动化操作，已在Tkinter中实现日志展示，但双窗口操作繁琐，希望将Chrome浏览器窗口嵌入Tkinter主窗口内，且不想替换现有Selenium代码。

实现方案 #

通过配置Chrome启动参数，将Chrome窗口定位到Tkinter的指定容器（如Frame）内，同时使用多线程隔离Selenium操作与Tkinter主循环，避免界面卡顿。

完整代码示例 #

from time import sleep
import sys
import selenium
from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.common.keys import Keys
from selenium.webdriver.chrome.options import Options
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC

import tkinter as tk
from tkinter import scrolledtext
from tkinter import ttk
from tkinter import *
import threading
import queue
import os
from datetime import datetime
import configparser
import errno

class App:
    def __init__(self, root):
        self.root = root
        self.root.title("Tkinter + Selenium 集成窗口")
        self.root.geometry("1000x700")

        # 日志展示区域
        self.log_frame = ttk.LabelFrame(root, text="操作日志")
        self.log_frame.pack(fill=BOTH, expand=True, padx=5, pady=5)
        self.log_text = scrolledtext.ScrolledText(self.log_frame, wrap=tk.WORD)
        self.log_text.pack(fill=BOTH, expand=True, padx=2, pady=2)

        # 浏览器嵌入区域
        self.browser_frame = ttk.LabelFrame(root, text="浏览器")
        self.browser_frame.pack(fill=BOTH, expand=True, padx=5, pady=5)
        self.browser_frame.update_idletasks()  # 强制更新组件尺寸

        # 日志队列
        self.log_queue = queue.Queue()
        self.root.after(100, self.process_log_queue)

        # 启动Selenium线程
        threading.Thread(target=self.run_selenium, daemon=True).start()

    def log(self, message):
        """添加日志到队列"""
        timestamp = datetime.now().strftime("%Y-%m-%d %H:%M:%S")
        self.log_queue.put(f"[{timestamp}] {message}\n")

    def process_log_queue(self):
        """处理日志队列并更新UI"""
        while not self.log_queue.empty():
            msg = self.log_queue.get()
            self.log_text.insert(tk.END, msg)
            self.log_text.see(tk.END)
        self.root.after(100, self.process_log_queue)

    def run_selenium(self):
        """Selenium操作逻辑"""
        try:
            self.log("初始化Chrome浏览器...")
            # 获取browser_frame的位置和尺寸（相对于屏幕）
            frame_x = self.browser_frame.winfo_rootx()
            frame_y = self.browser_frame.winfo_rooty()
            frame_width = self.browser_frame.winfo_width()
            frame_height = self.browser_frame.winfo_height()

            # 配置Chrome启动参数
            chrome_options = Options()
            # 必要参数：将窗口定位到frame位置，设置尺寸与frame一致
            chrome_options.add_argument(f"--window-position={frame_x},{frame_y}")
            chrome_options.add_argument(f"--window-size={frame_width},{frame_height}")
            # 去掉浏览器菜单栏、地址栏，更贴近嵌入效果
            chrome_options.add_argument("--app=https://www.google.com")
            # 解决沙箱权限问题（部分系统需要）
            chrome_options.add_argument("--no-sandbox")
            # 禁用GPU加速（避免渲染问题）
            chrome_options.add_argument("--disable-gpu")

            # 启动Chrome
            driver = webdriver.Chrome(options=chrome_options)
            self.log("浏览器启动成功")

            # 示例操作：搜索关键词
            self.log("执行搜索操作...")
            search_box = WebDriverWait(driver, 10).until(
                EC.presence_of_element_located((By.NAME, "q"))
            )
            search_box.send_keys("Tkinter Selenium 嵌入")
            search_box.send_keys(Keys.RETURN)
            self.log("搜索完成")

            # 保持浏览器运行，可替换为你的业务逻辑
            while True:
                # 同步窗口尺寸（如果Tkinter窗口被拉伸）
                new_width = self.browser_frame.winfo_width()
                new_height = self.browser_frame.winfo_height()
                if new_width != frame_width or new_height != frame_height:
                    frame_width, frame_height = new_width, new_height
                    driver.set_window_size(frame_width, frame_height)
                    driver.set_window_position(self.browser_frame.winfo_rootx(), self.browser_frame.winfo_rooty())
                sleep(0.5)

        except Exception as e:
            self.log(f"错误发生: {str(e)}")

if __name__ == "__main__":
    root = tk.Tk()
    app = App(root)
    root.mainloop()

关键部分说明 #

1. Chrome参数配置

   • --window-position：将Chrome窗口的左上角定位到Tkinter browser_frame 的屏幕坐标
   • --window-size：设置Chrome窗口尺寸与browser_frame完全匹配
   • --app=URL：以应用模式启动Chrome，隐藏浏览器的菜单栏、地址栏，使嵌入效果更自然
   • --no-sandbox：解决部分操作系统下的权限限制问题

2. 多线程与日志同步

   • 使用threading.Thread启动Selenium逻辑，避免阻塞Tkinter主循环
   • 通过queue.Queue传递日志信息，在Tkinter主循环中定时处理队列，更新日志文本框，保证线程安全

3. 窗口尺寸同步

   • 循环检测browser_frame的尺寸变化，同步调整Chrome窗口大小和位置，适配窗口拉伸操作

注意事项 #

• 确保Chrome浏览器与ChromeDriver版本完全匹配，否则会出现启动失败的问题
• 部分Linux系统可能需要额外配置--disable-dev-shm-usage参数，解决共享内存不足问题
• 若需要兼容其他浏览器（如Firefox），可替换对应浏览器的启动参数（Firefox需使用--width、--height等参数）

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