Selenium如何无需切换标签页同时处理多标签页并执行JavaScript

Awesome question—get it, switching tabs back and forth every time you need to run JS feels clunky. The good news is there are two solid approaches to do what you want, depending on how "no switching" you really mean.

This approach doesn't eliminate switching under the hood, but it hides the messy switch calls from your main code. You'll create a wrapper class that handles switching to the target tab, running your JS, and switching back automatically—so you can call tab1.execute_javascript() exactly like you wanted.

Example in Python: #

from selenium import webdriver
from selenium.webdriver.chrome.service import Service

class Tab:
    def __init__(self, driver, window_handle):
        self.driver = driver
        self.handle = window_handle
        # Store the initial active tab to switch back later
        self._original_handle = driver.current_window_handle

    def execute_javascript(self, script, *args):
        # Switch to this tab
        self.driver.switch_to.window(self.handle)
        # Run the JavaScript
        result = self.driver.execute_script(script, *args)
        # Switch back to the original tab to avoid disrupting other code
        self.driver.switch_to.window(self._original_handle)
        return result

# Usage
driver = webdriver.Chrome(service=Service())
driver.get("https://example.com")

# Open new tabs
driver.execute_script("window.open('https://google.com');")
driver.execute_script("window.open('https://github.com');")

# Create Tab instances for each open tab
handles = driver.window_handles
tab1 = Tab(driver, handles[0])
tab2 = Tab(driver, handles[1])
tab3 = Tab(driver, handles[2])

# Run JS on any tab without manual switching
tab1.execute_javascript("document.body.style.backgroundColor = '#e6f7ff'")
tab2.execute_javascript("console.log('Hello from Google tab!')")
page_title = tab3.execute_javascript("return document.title")
print(f"GitHub tab title: {page_title}")

Pros: Works with all Selenium-supported browsers, no extra setup beyond basic Selenium.
Cons: Still switches tabs in the background (minor performance hit if you have lots of tabs).

If you want to avoid switching entirely, use CDP—this lets you communicate directly with each tab (called a "target" in CDP terms) without relying on Selenium's window focus. This is the most efficient approach, but it's limited to Chromium-based browsers (Chrome, Edge, Brave) and requires Selenium 4+.

Example in Python: #

from selenium import webdriver
from selenium.webdriver.chrome.service import Service

driver = webdriver.Chrome(service=Service())
driver.get("https://example.com")

# Open new tabs
driver.execute_script("window.open('https://google.com');")
driver.execute_script("window.open('https://github.com');")

# Get all CDP targets (each tab is a "page" target)
targets = driver.execute_cdp_cmd("Target.getTargets", {})["targetInfos"]
page_targets = [t for t in targets if t["type"] == "page"]

# Execute JS on each tab without switching
for idx, target in enumerate(page_targets):
    # Attach to the target tab
    driver.execute_cdp_cmd("Target.attachToTarget", {"targetId": target["targetId"], "flatten": True})
    
    # Run your custom JavaScript
    # Example 1: Get the page title
    title_result = driver.execute_cdp_cmd(
        "Runtime.evaluate", 
        {"expression": "document.title", "returnByValue": True}
    )
    print(f"Tab {idx+1} Title: {title_result['result']['value']}")
    
    # Example 2: Modify the page
    driver.execute_cdp_cmd(
        "Runtime.evaluate", 
        {"expression": "document.body.style.backgroundColor = '#f5f5f5'"}
    )
    
    # Detach from the target to clean up
    driver.execute_cdp_cmd("Target.detachFromTarget", {"targetId": target["targetId"]})

Pros: No tab switching at all, faster for multiple tabs, gives you low-level control over each tab.
Cons: Only works with Chromium browsers, requires Selenium 4+, slightly more complex syntax.

内容的提问来源于stack exchange，提问作者Mo D Genesis