如何让Selenium WebdriverJS代码按顺序执行，常见异常如何解决？

核心原因 #

所有问题本质是WebDriverJS的异步执行模型导致：它内置控制流队列调度所有WebDriver相关操作，但普通同步JS语句（如console.log）不会进入该队列，会优先同步执行完毕后才会处理WebDriver异步任务。

疑问逐一解答 #

1. 同步代码先执行的问题
   console.log属于同步JS代码，JS引擎会先跑完所有同步代码，再处理WebDriver队列的异步任务，因此会先打印Before/After sleep，再执行浏览器启动、页面跳转等操作。如果要让日志跟随WebDriver操作顺序输出，需要将其放入异步回调，或使用async/await语法统一异步逻辑。

2. getTitle返回空的问题
   driver.get是异步操作，调用getTitle时页面尚未完成加载，因此拿到空值。需要等待页面加载完成，或通过显式等待指定标题条件后再获取标题。

3. driver.sleep不生效的问题
   driver.sleep仅会阻塞WebDriver控制流队列中排在它之后的WebDriver操作，不会阻塞同步代码的执行。你看到的日志提前输出是同步代码优先级更高导致，实际上WebDriver操作仍会按照「启动浏览器→跳转页面→获取标题→等待10秒→输入文本」的顺序执行。如果需要阻塞所有代码的硬等待，可使用原生setTimeout实现，但不推荐使用硬等待，会降低执行效率。

4. 隐式等待报错的问题
   新版Selenium已废弃旧版driver.manage().timeouts().implicitlyWait()API，正确的隐式等待写法为：

driver.manage().setTimeouts({implicit: 10000})

单位为毫秒，替换写法即可解决报错。

5. WebDriverJS最佳实践

• 优先使用async/await语法替代回调和旧版控制流，代码逻辑更直观，避免同步异步执行顺序混乱
• 尽量避免使用硬等待，优先使用until模块提供的显式等待条件（如等待元素可见、等待标题符合预期等），执行效率更高且稳定性更好
• 所有WebDriver操作增加异常捕获逻辑，避免页面元素未加载等异常导致脚本直接崩溃
• 测试执行完成后主动调用driver.quit()关闭浏览器，避免残留浏览器进程占用资源
• 不要混用同步代码和WebDriver异步操作，所有需要跟随WebDriver执行顺序的逻辑都要纳入异步流程中

可运行的优化后代码 #

逻辑完全匹配你需要的测试场景，采用async/await语法：

const webdriver = require('selenium-webdriver');
const { By, until } = webdriver;

(async function runTest() {
  const driver = await new webdriver.Builder().forBrowser('chrome').build();
  try {
    // 导航到谷歌首页
    await driver.get("http://www.google.com");
    // 显式等待标题加载完成，最多等待10秒
    await driver.wait(until.titleIs('Google'), 10000);
    // 获取并打印标题
    const title = await driver.getTitle();
    console.log("Title is: " + title);
    console.log('Before sleep');
    // 硬等待10秒
    await driver.sleep(10000);
    console.log('After sleep');
    // 等待搜索框可见后输入内容
    const searchBox = await driver.wait(until.elementIsVisible(driver.findElement(By.name('q'))), 10000);
    await searchBox.sendKeys("Hello");
  } catch (error) {
    console.error("执行出错：", error);
  } finally {
    // 关闭浏览器
    await driver.quit();
  }
})();

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