PHP WebDriver如何实现页面完全加载前的DOM交互

方案1：初始化驱动时修改页面加载策略（推荐，稳定性最高） #

Selenium默认的页面加载策略为normal，该策略下$driver->get()会一直等待直到页面所有资源（图片、第三方脚本、iframe、样式文件等）全部加载完成、触发window.load事件才会返回执行后续代码。
直接将加载策略修改为eager即可匹配需求：该策略下浏览器完成DOM树解析、触发DOMContentLoaded事件时就会终止等待，此时DOM已经完全可交互，和手动操作时的状态完全一致，不会等待次级资源加载。
PHP WebDriver下的配置代码如下，在驱动初始化阶段设置即可全局生效：

use Facebook\WebDriver\Firefox\FirefoxOptions;
use Facebook\WebDriver\Remote\DesiredCapabilities;
use Facebook\WebDriver\Remote\RemoteWebDriver;

$firefoxOptions = new FirefoxOptions();
// 配置页面加载策略为eager，DOM就绪即返回
$firefoxOptions->setPreference('pageLoadStrategy', 'eager');

$capabilities = DesiredCapabilities::firefox();
$capabilities->setCapability(FirefoxOptions::CAPABILITY, $firefoxOptions);

// 连接本地Selenium服务初始化驱动
$driver = RemoteWebDriver::create('http://localhost:4444/wd/hub', $capabilities);

方案2：保留默认加载策略，超时后手动终止页面加载 #

如果不想修改全局加载策略，可以通过设置页面加载超时+捕获异常后手动终止加载的方式实现提前交互，之前的方案未生效的核心原因是：捕获超时异常时Selenium服务端依然处于页面加载阻塞状态，所有后续指令会被暂存排队，没有真正解除等待锁。
具体实现代码：

use Facebook\WebDriver\Exception\TimeOutException;
use Facebook\WebDriver\WebDriverBy;
use Facebook\WebDriver\WebDriverExpectedCondition;

// 设置页面加载超时阈值，单位秒，可根据实际DOM就绪的耗时调整
$driver->manage()->timeouts()->pageLoadTimeoutInSeconds(3);

try {
    $driver->get('https://目标测试地址.com');
} catch (TimeOutException $e) {
    // 关键步骤：执行JS停止页面剩余资源加载，解除Selenium的阻塞状态
    $driver->executeScript('window.stop();');
}

// 后续操作配合显式等待，盯紧目标元素状态即可，无需等待全局加载完成
$driver->wait(10, 500)->until(
    WebDriverExpectedCondition::elementToBeClickable(WebDriverBy::id('需要点击的元素ID'))
)->click();

• 不建议使用none加载策略，该策略下get()调用后会立刻返回，此时DOM可能还未完成解析，直接操作元素大概率触发找不到元素的异常，稳定性极差。
• 无论使用上述哪种方案，元素交互都建议配合显式等待使用，不要写固定时长的sleep等待，针对目标元素的可点击、可见状态做判断，能最大程度提升自动化脚本的稳定性。
• 当前使用的Firefox 102 ESR、Selenium Standalone 3.41.59、PHP 7.2/8 + 最新版PHP WebDriver的环境组合，完全兼容上述两种方案，不存在版本适配问题。

内容的提问来源于stack exchange，提问作者AL-Kateb