如何借助Promise解决Node.js修改Chrome URL后脚本挂起或过早退出问题

首先安装所需依赖：

npm install promise-ws ws

下面是完整的脚本示例，用Promise封装WebSocket操作，确保通信完成后正常退出：

const WebSocket = require('promise-ws');
const ws = new WebSocket('ws://localhost:9222/devtools/browser');

// 封装修改URL的异步操作
async function changeChromeUrl(targetUrl) {
  try {
    // 建立与浏览器调试端的WebSocket连接
    const connection = await ws.connect();
    
    // 发送获取所有页面目标的命令
    await connection.send(JSON.stringify({
      id: 1,
      method: 'Target.getTargets'
    }));
    
    // 接收目标列表响应
    const targetsResponse = await connection.receive();
    const targets = JSON.parse(targetsResponse).result.targetInfos;
    
    // 筛选出需要操作的页面（可根据标题、当前URL等调整筛选逻辑）
    const target = targets.find(t => t.type === 'page');
    if (!target) {
      console.error('未找到可操作的页面');
      await connection.close();
      process.exit(1);
    }
    
    // 连接到目标页面的调试端口
    const pageWs = new WebSocket(`ws://localhost:9222/devtools/page/${target.targetId}`);
    const pageConnection = await pageWs.connect();
    
    // 发送修改URL的命令
    await pageConnection.send(JSON.stringify({
      id: 2,
      method: 'Page.navigate',
      params: { url: targetUrl }
    }));
    
    // 确认命令执行结果
    const navigateResponse = await pageConnection.receive();
    const navigateResult = JSON.parse(navigateResponse);
    if (navigateResult.error) {
      console.error('修改URL失败:', navigateResult.error.message);
    } else {
      console.log('URL修改成功');
    }
    
    // 依次关闭页面连接和浏览器调试连接
    await pageConnection.close();
    await connection.close();
    
    // 所有操作完成后退出程序
    process.exit(0);
  } catch (error) {
    console.error('操作出错:', error.message);
    process.exit(1);
  }
}

// 从命令行参数获取目标URL
const targetUrl = process.argv[2];
if (!targetUrl) {
  console.error('请传入目标URL作为参数');
  process.exit(1);
}

changeChromeUrl(targetUrl);

核心逻辑说明： #

• 用async/await（Promise的语法糖）处理所有异步操作，确保每一步WebSocket通信完成后再执行下一步，避免过早退出。
• 所有连接建立、消息收发、连接关闭都通过await等待完成，保证修改URL的指令完全传递给Chrome后再结束脚本。
• 加入错误捕获机制，异常场景下也能正常关闭连接并退出，避免脚本挂起。
• 可根据实际需求调整页面筛选逻辑，比如通过页面标题、当前URL匹配目标页面，而非默认取第一个页面。

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