使用Python与Selenium缩放浏览器截图异常问题求助

问题原因 #

你用的document.body.style.zoom是浏览器私有CSS属性，不同渲染引擎处理逻辑不一致，和set_window_size配合时容易触发布局重排bug，导致截图出现分割、画质模糊的情况。

可行解决方案 #

方案1：用浏览器原生缩放参数（推荐） #

直接通过浏览器启动参数或CDP命令设置全局缩放比例，这是最稳定的方式，和浏览器手动缩放效果一致。

方式A：启动浏览器时设置缩放

from selenium import webdriver
from selenium.webdriver.chrome.options import Options

chrome_options = Options()
# 设置50%缩放比例
chrome_options.add_argument("--force-device-scale-factor=0.5")
driver = webdriver.Chrome(options=chrome_options)

# 设置窗口大小，此时实际渲染内容是1920*1080的2倍（因为缩放0.5）
driver.set_window_size(1920, 1080)
driver.get("https://cloud.getdbt.com")

# 截图
driver.save_screenshot("dbt_cloud_screenshot.png")
driver.quit()

方式B：已启动浏览器后动态调整缩放

适合需要在会话中途调整缩放的场景：

# 动态设置50%缩放，同时指定窗口尺寸
driver.execute_cdp_cmd("Emulation.setDeviceMetricsOverride", {
    "width": 1920,
    "height": 1080,
    "deviceScaleFactor": 0.5,
    "mobile": False,
    "scale": 1
})
driver.get("https://cloud.getdbt.com")
driver.save_screenshot("dbt_cloud_screenshot.png")

方案2：用标准CSS transform缩放 #

如果无法修改浏览器启动参数，可以用标准CSS的transform: scale替代zoom，渲染更稳定：

driver.get("https://cloud.getdbt.com")

# 用transform实现50%缩放，设置原点为左上角，同时调整body尺寸避免布局错乱
driver.execute_script("""
document.body.style.transform = 'scale(0.5)';
document.body.style.transformOrigin = 'top left';
document.body.style.width = '200%';
document.body.style.height = '200%';
document.body.style.overflow = 'hidden';
""")

driver.set_window_size(1920, 1080)
driver.save_screenshot("dbt_cloud_screenshot.png")

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