如何使用Ruby Watir Webdriver设置Chrome浏览器指定缩放级别

原有代码不生效的原因 #

直接调用driver.send_keys发送快捷键时，浏览器焦点没有落在页面内容区域，导致Ctrl+减号的缩放快捷键没有触发。 #

三种可行实现方法 #

方法1：Chrome启动参数设置固定初始缩放（最稳定） #

适合需要浏览器启动后默认就是指定缩放比例的场景，全局生效不受页面切换影响：

require 'watir'

# 配置Chrome启动参数，0.75对应75%缩放，可按需修改数值
chrome_options = Selenium::WebDriver::Chrome::Options.new
chrome_options.add_argument('--force-device-scale-factor=0.75')

# 初始化浏览器实例
driver = Watir::Browser.new :chrome, options: chrome_options

方法2：注入JS动态调整缩放（最灵活） #

适合浏览器运行过程中需要动态切换缩放比例的场景，不依赖页面焦点：

# 缩放至75%，可按需修改引号内的数值调整比例
driver.execute_script("document.body.style.zoom = '75%'")

# 其他常用调整示例：
# 放大至125%：driver.execute_script("document.body.style.zoom = '125%'")
# 重置为100%：driver.execute_script("document.body.style.zoom = '100%'")

方法3：修正后的快捷键触发 #

如果必须用快捷键操作，需要先让页面内容获得焦点再发送快捷键：

# 点击页面body区域获取焦点
driver.body.click
# 连续按3次Ctrl+减号，实现75%缩放
driver.send_keys [:control, :subtract] * 3

方案选择建议 #

• 固定初始缩放优先选择启动参数方案，无后续操作成本，稳定性最高
• 运行中动态调整优先选择JS注入方案，兼容性好，不受页面元素干扰
• 快捷键方案仅用于需要模拟真实用户缩放操作的测试场景，稳定性相对较低

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