如何在Puppeteer中获取第三方域名iframe的LocalStorage？

该需求可以实现。
你触发跨域错误的核心原因：你调用evaluate执行的代码始终运行在主页面的执行上下文中，页面内运行的JS会严格遵守浏览器同源策略，和你是否通过工具控制浏览器无关——如果页面上下文允许任意跨域访问iframe内容，浏览器的基础安全模型会完全失效。你尝试通过contentWindow读取跨域iframe的localStorage，本质就是让主页面的JS发起跨域访问，必然会被拦截。

Puppeteer（包括你用的puphpeteer封装）底层通过Chrome DevTools Protocol和浏览器通信，这一层是不受页面同源策略限制的，可以通过两种方式拿到Youtube域名下的localStorage：

方案1：切换到目标iframe的上下文读取（最简便） #

不要在主页面上下文里跨域读iframe内容，直接定位到Youtube iframe对应的帧实例，在帧自身的执行上下文里读取localStorage，完全不会触发跨域拦截。
参考实现代码：

$youtube_iframes = $this->page->querySelectorAll('iframe[src*="youtube.com"]');
foreach ($youtube_iframes as $iframe){
    // 原有追加autoplay参数的逻辑保持不变
    $iframe->evaluate(JsFunction::createWithParameters(['el'])->body("el.setAttribute('src',el.getAttribute('src')+'&autoplay=1')"));
    
    // 等待iframe加载完成，固定sleep在弱网环境下可能失效，可按需调整等待逻辑
    sleep(2);

    // 遍历当前页面所有帧，匹配到Youtube对应的帧
    $targetFrame = null;
    foreach ($this->page->frames() as $frame) {
        if (str_contains($frame->url(), 'youtube.com/embed/')) {
            $targetFrame = $frame;
            break;
        }
    }

    if ($targetFrame) {
        // 在Youtube帧自身的上下文读取localStorage，无跨域问题
        $ytStorage = $targetFrame->evaluate("return {...window.localStorage}");
        Log::info($ytStorage);
    }
}

如果页面存在多个Youtube iframe，可以通过iframe src里的视频id、帧名称等特征做精准匹配，避免拿错帧的数据。

方案2：通过CDP接口直接读取指定源的存储 #

如果不想切换帧上下文，可以直接调用CDP的存储接口，直接按域名读取对应源下的所有localStorage内容，不需要依赖iframe内的JS执行：

// 建立CDP会话
$cdpClient = $this->page->getClient();
// 直接读取Youtube域名下的所有localStorage条目
$ytStorageData = $cdpClient->send('DOMStorage.getStorageEntriesForOrigin', [
    'origin' => 'https://www.youtube.com'
]);
Log::info($ytStorageData);

注意事项 #

• 不要尝试通过禁用web安全、关闭同源策略等浏览器启动参数解决问题，这类参数只会放开部分跨域限制，页面上下文内通过contentWindow访问跨域帧的行为依然会被拦截，且会降低浏览器实例的安全性。
• 使用方案1时，建议替换固定的sleep(2)为帧加载完成的显式等待（比如等待帧内某个选择器加载完成），避免因网络延迟导致读取时帧上下文还未初始化。

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