Selenium：如何打开浏览器扩展的弹窗页面

我之前也碰到过一模一样的问题，分享两个亲测有效的解决方案，帮你搞定：

方法1：直接访问弹窗页面（最简单稳定） #

Chrome扩展的弹窗本质就是个独立的HTML页面，完全不用模拟点击图标，直接构造URL就能打开：

1. 获取你的扩展ID
   你已经通过addExtensions加载了扩展，接下来可以通过Chrome的扩展管理页面拿到ID：

// 打开扩展管理页面
driver.get("chrome://extensions/");
// 定位你的扩展卡片（这里默认取第一个，也可以根据扩展名称调整选择器）
WebElement extensionCard = driver.findElement(By.cssSelector("div[role='listitem']"));
// 提取扩展ID
String extensionId = extensionCard.getAttribute("id");

注：如果Chrome处于开发者模式，DOM结构可能略有差异，要是上面的选择器不好用，手动打开chrome://extensions/ inspect一下元素，调整选择器就行。

2. 构造弹窗URL并打开
   找到你扩展manifest里指定的弹窗入口文件（通常是popup.html，也可能叫index.html），然后拼接成完整URL：

String popupUrl = "chrome-extension://" + extensionId + "/popup.html";
driver.get(popupUrl);

这样就直接打开了弹窗页面，接下来就可以像操作普通网页一样，用Selenium定位元素、模拟用户操作了。

方法2：模拟点击扩展图标（更贴近真实用户流程） #

如果一定要还原“点击右上角扩展图标”的操作，得借助Chrome DevTools协议（CDP）——因为这个图标属于Chrome原生UI，不在网页DOM范围内，普通Selenium方法碰不到：

1. 先获取扩展ID（和方法1的步骤一致）

2. 用CDP触发弹窗

// 获取ChromeDriver的DevTools会话
DevTools devTools = ((ChromeDriver) driver).getDevTools();
devTools.createSession();

// 调用CDP命令模拟打开扩展弹窗
devTools.sendCommand(
    new Command("Browser.openExtensionPopup", 
        ImmutableMap.of("extensionId", extensionId)
    )
);

这个命令会精准触发扩展图标点击后的弹窗效果，和用户手动操作完全一致。

小提醒 #

• 确保你的扩展manifest里正确配置了action字段（Chrome新版本用这个，旧版是browser_action），指定了弹窗的HTML文件路径。
• 如果用方法1，担心弹窗页面影响当前测试页面，可以先打开新标签页再访问弹窗URL：driver.switchTo().newWindow(WindowType.TAB)。

内容的提问来源于stack exchange，提问作者Amit Pe'er