使用JavaScript自动展开Twitter线程所有回复的方案求教

你最初的脚本失效是两个必然问题导致的：

1. Twitter采用虚拟滚动+懒加载机制，只有滚动到视口附近的内容才会被挂载到DOM树，未加载的内容根本无法通过querySelector获取
2. 同步while循环不会等待DOM更新、接口请求的异步过程，循环会直接占满线程，根本等不到新内容渲染

不要依赖随机生成的css-xxx/r-xxx类名做选择器，这类类名在Twitter每次发版后都会变动，稳定性极差。优先通过按钮文本、ARIA角色属性匹配元素，同时配合自动滚动+异步等待逻辑触发懒加载，下面是可直接运行的脚本：

async function expandAllTwitterReplies() {
  let lastPageHeight = 0;
  let idleCheckCount = 0;
  const MAX_IDLE_CHECK = 5; // 连续5次检测无新内容则终止

  // 匹配所有可见的「显示回复」按钮，不依赖动态类名
  const getVisibleReplyButtons = () => {
    return Array.from(document.querySelectorAll('div[role="button"], span'))
      .filter(item => {
        const text = item.textContent.trim();
        const isReplyBtn = /^(Show replies|显示回复|Show more replies|查看更多回复)$/i.test(text);
        const isVisible = item.offsetParent !== null;
        return isReplyBtn && isVisible;
      });
  };

  while (idleCheckCount < MAX_IDLE_CHECK) {
    // 逐个点击当前已加载的回复按钮
    const replyButtons = getVisibleReplyButtons();
    for (const btn of replyButtons) {
      btn.click();
      // 随机延时300-800ms，模拟真人操作避免触发反爬
      await new Promise(resolve => setTimeout(resolve, Math.random() * 500 + 300));
    }

    // 滚动到页面底部触发懒加载
    window.scrollTo({
      top: document.body.scrollHeight,
      behavior: 'instant'
    });

    // 等待新内容加载
    await new Promise(resolve => setTimeout(resolve, 1500));

    // 检测页面高度变化判断是否还有新内容
    const currentHeight = document.body.scrollHeight;
    if (currentHeight === lastPageHeight) {
      idleCheckCount++;
    } else {
      idleCheckCount = 0;
      lastPageHeight = currentHeight;
    }
  }

  // 执行完成回到页面顶部
  window.scrollTo({top: 0, behavior: 'smooth'});
  console.log('全部回复展开完成');
}

// 启动脚本
expandAllTwitterReplies();

• 脚本执行时不要手动操作页面滚动，避免打乱懒加载触发逻辑
• 不要去掉随机延时，高频点击和滚动很容易触发Twitter的操作限流，严重时会临时限制账号交互权限
• 如果是回复量过千的长线程，遇到加载中断时刷新页面重新执行脚本即可，Twitter本身对超长线程的加载就有超时限制
• 如果后续需要适配其他语言，只需要在getVisibleReplyButtons的正则里补充对应语言的按钮文本即可

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