如何通过Selenium结合Sauce Labs实现移动端浏览器文本缩放？

一、通过JavaScript调整根元素字体大小（适配rem单位页面） #

多数现代页面使用rem作为字体单位，rem基于根元素（<html>）的字体大小计算。修改根元素的font-size可实现全局文本缩放：

// 放大至150%（默认根字体多为16px，16*1.5=24px）
document.documentElement.style.fontSize = "150%";
// 恢复默认缩放
document.documentElement.style.fontSize = "100%";

如果页面用em单位（基于父元素字体大小），递归调整所有文本元素font-size的复杂度较高，优先推荐rem适配方案。

二、模拟浏览器文本缩放快捷键（贴近真实用户操作） #

不同浏览器的文本缩放快捷键统一，可通过Selenium的Actions类在Sauce Labs中模拟按键：

快捷键说明： #

• 放大：Windows/Linux用Ctrl + +，Mac用Command + +
• 缩小：Windows/Linux用Ctrl + -，Mac用Command + -
• 重置：Windows/Linux用Ctrl + 0，Mac用Command + 0

Java代码示例：

import org.openqa.selenium.Keys;
import org.openqa.selenium.interactions.Actions;

// 初始化Actions对象
Actions actions = new Actions(driver);

// Windows/Linux环境下放大至150%（连续按两次Ctrl++）
actions.keyDown(Keys.CONTROL).sendKeys("+").keyUp(Keys.CONTROL).perform();
actions.keyDown(Keys.CONTROL).sendKeys("+").keyUp(Keys.CONTROL).perform();

// 重置文本缩放比例
actions.keyDown(Keys.CONTROL).sendKeys("0").keyUp(Keys.CONTROL).perform();

注意：需确保Sauce Labs中的浏览器窗口处于激活状态，避免按键操作失效。

三、页面缩放与文本缩放的区别 #

你之前使用的document.body.style.zoom属于页面整体缩放，会同时放大文本、图片、布局等所有元素；而文本缩放仅调整文字尺寸，页面布局、图片大小保持不变，上述两种方法均可实现纯文本缩放效果。

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