Selenium 的核心架构与工作原理

Selenium 通过浏览器驱动（如 ChromeDriver、GeckoDriver）与真实浏览器交互，建立 WebDriver 协议通信。其 JavaScript 执行能力依赖于底层浏览器引擎，例如 V8（Chrome）、SpiderMonkey（Firefox）。WebDriver 将脚本通过协议传输至浏览器内核，在页面上下文中执行并返回结果。

JavaScript 执行的基本方法

executeScript 方法
通过 driver.executeScript() 直接注入 JavaScript 代码片段。适用于简单操作，如修改 DOM 属性或触发事件：

await driver.executeScript("document.getElementById('btn').click();");

executeAsyncScript 方法
支持异步脚本执行，需配合回调函数。适用于需要等待 AJAX 请求或定时任务的场景：

const result = await driver.executeAsyncScript(`
  const callback = arguments[arguments.length - 1];
  fetch('/api/data').then(res => callback(res.json()));
`);

复杂脚本的参数传递

参数序列化机制
支持将 WebElement 对象、原始数据类型作为参数传递。Selenium 自动将元素引用转为 DOM 对象：

const element = await driver.findElement(By.id('input'));
await driver.executeScript("arguments[0].value = 'test';", element);

多参数处理
可通过数组传递多个参数，脚本内通过 arguments 访问：

await driver.executeScript(
  "arguments[0].style.color = arguments[1];", 
  element, "#ff0000"
);

脚本调试与异常处理

错误捕获策略
JavaScript 执行错误会抛出 JavascriptException，包含浏览器控制台原始报错信息。建议使用 try-catch 包裹关键操作：

try {
  await driver.executeScript("invalidFunction();");
} catch (e) {
  console.error('JS执行失败:', e.message);
}

日志增强方案
结合 console.log 输出调试信息，通过浏览器日志接口获取详细日志：

await driver.executeScript("console.debug('当前URL:', window.location.href);");
const logs = await driver.manage().logs().get('browser');

性能优化实践

脚本压缩与复用
对于频繁使用的脚本，建议预定义并复用。避免每次执行时的解析开销：

const scrollToBottom = `
  window.scrollTo(0, document.body.scrollHeight);
`;
await driver.executeScript(scrollToBottom);

执行时机控制
结合 ExpectedConditions 等待元素可交互状态后再执行脚本，减少因页面加载导致的失败：

await driver.wait(until.elementIsVisible(element), 5000);
await driver.executeScript("arguments[0].click();", element);

高级应用场景

Shadow DOM 穿透
通过组合 querySelector 与 shadowRoot 属性访问 Shadow DOM 元素：

const script = `
  return document.querySelector('custom-element').shadowRoot.querySelector('.inner');
`;
const shadowElement = await driver.executeScript(script);

跨 iframe 脚本执行
需先切换至目标 iframe 上下文才能操作内部元素：

const iframe = await driver.findElement(By.tagName('iframe'));
await driver.switchTo().frame(iframe);
await driver.executeScript("iframeDocument.getElementById('btn').click();");

安全限制与规避方案

同源策略处理
跨域 iframe 内脚本可能被阻止，需通过浏览器启动参数临时禁用安全设置：

ChromeOptions options = new ChromeOptions();
options.addArguments("--disable-web-security");

内容安全策略（CSP）绕过
部分网站 CSP 会阻止内联脚本执行，可改用浏览器扩展注入脚本或通过 DevTools Protocol 动态修改响应头。