如何通过编程实现类似Ctrl+的网页放大并提升<canvas>分辨率？

以下是几种能实现类似手动Ctrl+缩放效果（同步提升Canvas分辨率）的方案，优先推荐基于浏览器底层API的方法：

1. 使用Playwright调用Chrome DevTools Protocol（CDP）设置缩放因子 #

这是最接近手动Ctrl+缩放的方案，直接调用浏览器原生API，会自动调整设备像素比并触发Canvas的分辨率更新：

# Python Playwright 示例，设置1.5倍缩放（对应一次Ctrl+）
await page.context._connection.send("Page.setZoomFactor", {
    "zoomFactor": 1.5
})

该方法完全模拟浏览器原生缩放行为，无需页面焦点，也不会全局生效，仅作用于当前页面。

2. 模拟设备像素比变化+触发Resize事件 #

如果CDP方法受限，可手动修改window.devicePixelRatio并触发页面Resize事件，适配多数监听该参数的Canvas应用：

target_scale = 1.5

# 修改设备像素比
await page.evaluate("(scale) => window.devicePixelRatio = scale", target_scale)

# 触发Resize事件，让Canvas应用重新计算分辨率
await page.evaluate("window.dispatchEvent(new Event('resize'))")

3. 修正Playwright键盘模拟的问题 #

若之前用Playwright键盘模拟无效，可先确保页面获取焦点再触发按键：

# 先点击页面空白处获取焦点
await page.click("body")
# Windows/Linux 用Control+=，Mac用Meta+=
await page.keyboard.press("Control+=")

关键说明 #

手动Ctrl+缩放的核心是修改浏览器原生页面缩放级别，而非单纯的CSS元素缩放。原生缩放会同步调整window.devicePixelRatio，多数Canvas应用会监听该值或Resize事件，自动调整Canvas的内部分辨率（canvas.width/height）来匹配缩放后的显示效果。

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