如何用Python+Selenium将已打开桌面标签页切换为移动端版本

你遇到的核心问题是模拟浏览器快捷键的方式不可靠，因为Selenium的键盘事件仅作用于页面DOM，而非浏览器的全局快捷键系统，即使调出检查模式，也无法直接操作DevTools界面完成移动端切换。但通过Chrome DevTools Protocol（CDP）可以实现「在已打开的桌面标签页切换为移动端视图」的需求，无需提前用chromeOptions()启动移动端浏览器，也不需要手动打开检查模式。

可行实现方案 #

直接通过CDP命令修改浏览器的渲染参数，让页面以移动端规格渲染，效果和手动开启检查模式切换移动端完全一致：

Python示例代码

from selenium import webdriver
from selenium.webdriver.chrome.service import Service

# 连接到已运行的Chrome实例（需提前启动Chrome并开启远程调试：chrome.exe --remote-debugging-port=9222）
service = Service('你的chromedriver路径')
options = webdriver.ChromeOptions()
options.add_experimental_option("debuggerAddress", "127.0.0.1:9222")
driver = webdriver.Chrome(service=service, options=options)

# 使用CDP设置移动端设备参数（以iPhone 14为例）
driver.execute_cdp_cmd(
    "Emulation.setDeviceMetricsOverride",
    {
        "width": 390,
        "height": 844,
        "deviceScaleFactor": 3,
        "mobile": True,
        "screenOrientation": {"type": "portrait", "angle": 0}
    }
)

# 可选：同步设置移动端User-Agent，避免页面识别异常
driver.execute_cdp_cmd(
    "Network.setUserAgentOverride",
    {
        "userAgent": "Mozilla/5.0 (iPhone; CPU iPhone OS 17_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.0 Mobile/15E148 Safari/604.1"
    }
)

关键说明 #

1. 无需检查模式：CDP命令直接修改浏览器的渲染上下文，页面会自动切换为移动端布局，不需要手动打开检查模式。
2. 避免提前启动移动端：通过连接已运行的桌面Chrome实例，再动态切换到移动端视图，完全符合你的需求。
3. 模拟快捷键的局限性：Selenium无法直接触发浏览器的全局快捷键（如Ctrl+Shift+I），因为这些快捷键属于浏览器进程的操作，而非页面DOM事件；即使调出检查模式，DevTools界面也不在Selenium的操作范围内，所以模拟快捷键的方式本质上不可行。

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