playwright node,js 通过chromium.connectOverCDP连接 如何获取title 全部代码

Playwright是一个用于自动化Web浏览器的库，它支持多种浏览器，包括Chromium。如果你想使用Node.js的Playwright通过`chromium.connectOverCDP`连接到一个远程的Chromium实例并获取网页标题，你可以按照下面的步骤操作：

首先，确保已经安装了Playwright，可以使用npm安装：

npm install playwright

然后，编写一个Node.js脚本来实现这个功能：

const { chromium } = require('playwright');

async function getTitle(url) {
  // 连接到Chromium的DevTools协议
  const browser = await chromium.launch();
  const page = await browser.newPage();

  // 使用connectOverCDP创建一个新的通道连接到远程的Chromium实例
  const remoteBrowser = await page.chromium.connectOverCDP('http://your-remote-chromium-instance-url:9222'); // 替换为实际的远程地址

  try {
    // 在远程浏览器上下文中导航到指定URL
    await remoteBrowser.target().page().navigate(url);

    // 等待页面加载完成，这里通常会等待特定的信号如DOMContentLoaded、load事件等
    await remoteBrowser.target().page().waitForSelector('#document', { state: 'visible' });

    // 获取标题，使用的是JavaScript API，不是直接的网络请求
    const title = await remoteBrowser.target().evaluate((selector) => {
      return document.querySelector(selector)?.textContent || '';
    }, '#document'); // 假设文档元素ID为'document'

    console.log(`Title: ${title}`);
  } finally {
    // 关闭连接和浏览器
    await remoteBrowser.disconnect();
    await browser.close();
  }
}

// 调用函数并传入你想获取标题的URL
getTitle('https://example.com');

在这个例子中，你需要将`'http://your-remote-chromium-instance-url:9222'`替换为你的远程Chromium实例的实际地址，并确保该地址正在监听DevTools协议。