如何通过Chrome DevTools Protocol为Selenium元素进入隔离模式

核心解决方案（CDP 元素隔离实现） #

Page.createIsolatedWorld 是用于创建独立JS执行上下文的接口，和你需要的元素视觉隔离需求无关，仅需调用Overlay.setShowIsolatedElements即可实现Chrome开发者工具的「进入隔离模式」效果，完整实现代码如下（基于Selenium 4.0+版本）：

from selenium import webdriver
from selenium.webdriver.common.by import By

# 初始化Chrome驱动
driver = webdriver.Chrome()
driver.get("目标页面地址")

# 匹配你现有的逻辑获取iframe元素
iframes = driver.find_elements(By.TAG_NAME, 'iframe')

for index, iframe in enumerate(iframes):
    # 1. 获取目标元素对应的CDP Node ID
    obj = driver.execute_cdp_cmd("Runtime.evaluate", {
        "expression": "arguments[0]",
        "arguments": [{"objectId": iframe.id}]
    })
    object_id = obj['result']['objectId']
    node_info = driver.execute_cdp_cmd("DOM.requestNode", {
        "objectId": object_id
    })
    node_id = node_info['nodeId']

    # 2. 开启隔离模式，仅显示当前目标iframe，蒙版设为全透明不影响截图
    driver.execute_cdp_cmd("Overlay.setShowIsolatedElements", {
        "isolatedElements": [
            {
                "nodeId": node_id,
                "color": {"r": 0, "g": 0, "b": 0, "a": 0}
            }
        ]
    })

    # 3. 执行截图
    iframe.screenshot(f"ad_{index}.png")

    # 4. 关闭隔离模式，恢复页面正常状态
    driver.execute_cdp_cmd("Overlay.setShowIsolatedElements", {
        "isolatedElements": []
    })

兼容性替代方案 #

如果不需要强制使用CDP，也可以通过JS直接修改页面样式，隐藏所有非目标元素来避免遮挡，兼容性更强，支持所有Selenium兼容的浏览器：

iframes = driver.find_elements(By.TAG_NAME, 'iframe')
for index, iframe in enumerate(iframes):
    # 执行JS隐藏所有非目标元素及父链外的节点
    driver.execute_script("""
        const target = arguments[0];
        // 确保目标元素所有父节点正常显示且层级最高
        let current = target;
        while (current && current.tagName !== 'HTML') {
            current.style.cssText += 'display:block !important; visibility:visible !important; opacity:1 !important; z-index:999999 !important; position:relative !important;';
            current = current.parentElement;
        }
        // 隐藏body下所有不在目标元素父链内的节点
        document.body.querySelectorAll('*').forEach(el => {
            if (!target.contains(el) && !el.contains(target)) {
                el.style.display = 'none !important';
            }
        });
    """, iframe)
    # 截图
    iframe.screenshot(f"ad_{index}.png")
    # 刷新页面恢复原始样式，避免影响后续元素处理
    driver.refresh()

内容的提问来源于stack exchange，提问作者Darío Moisés