在Twitter开发者工具运行批量取消点赞代码遇Promise{<fulfilled>: undefined}问题求助

问题详情 #

在Twitter开发者工具中运行批量取消点赞的代码时，反复出现Promise{<fulfilled>: undefined}提示，不确定是代码本身问题还是Twitter的操作限制导致。运行代码如下：

function nextUnlike() {
  return document.querySelector('[data-testid="unlike"]')
}

function wait(ms) {
  return new Promise(resolve => setTimeout(resolve, ms))
}

async function removeAll() {
  let count = 0
  let next = nextUnlike()
  while (next) {
    next.focus()
    next.click()
    console.log(`Unliked ${++count} tweets`)
    await wait(count % 50 === 0 ? 30000 : 2000)
    next = nextUnlike()
  }
  console.log('Out of unlikes, count =', count)
}

removeAll() 

问题分析 #

首先明确：Promise{<fulfilled>: undefined}本身不是错误，它只是异步函数removeAll()执行后返回的已完成Promise的默认状态（函数未显式返回值时的正常输出）。真正的问题可能出在以下几个方面：

• Twitter操作限制：Twitter会检测异常批量操作，即使添加了固定延迟，短时间内大量触发取消点赞仍可能被限制，导致点击无效或DOM元素无法正常加载。
• DOM选择器失效：Twitter页面元素的data-testid属性可能已更新，导致nextUnlike()无法找到目标按钮，循环提前终止。
• 模拟点击不规范：直接调用click()方法可能未通过Twitter的前端交互校验，无法触发真实的取消点赞请求。

修复方案 #

1. 验证DOM选择器有效性 #

先在浏览器控制台执行document.querySelector('[data-testid="unlike"]')，检查是否返回有效DOM元素。如果返回null，需要右键点击取消点赞按钮，通过「检查元素」获取最新的元素属性（比如新的data-testid或类名），更新nextUnlike()的选择器。

2. 替换为贴近真实用户的点击模拟 #

使用dispatchEvent触发标准鼠标事件，替代直接click()：

function simulateClick(element) {
  const clickEvent = new MouseEvent('click', {
    bubbles: true,
    cancelable: true,
    view: window,
    clientX: 10, // 添加模拟坐标，更贴近真实操作
    clientY: 10
  });
  element.dispatchEvent(clickEvent);
}

然后将循环内的next.click()替换为simulateClick(next)。

3. 优化延迟策略，避免被识别为脚本 #

给固定延迟加入随机波动，模拟正常用户的操作间隔：

// 修改wait调用逻辑
await wait(count % 50 === 0 ? 30000 + Math.random() * 5000 : 2000 + Math.random() * 1000)

4. 添加错误捕获机制 #

在异步函数中加入try-catch，捕获执行过程中的异常，方便定位问题：

async function removeAll() {
  let count = 0
  let next = nextUnlike()
  while (next) {
    try {
      next.focus()
      simulateClick(next)
      console.log(`Unliked ${++count} tweets`)
      await wait(count % 50 === 0 ? 30000 + Math.random() * 5000 : 2000 + Math.random() * 1000)
    } catch (error) {
      console.error(`第${count}次操作出错：`, error)
      await wait(5000) // 出错后延长等待，避免持续触发限制
    }
    next = nextUnlike()
  }
  console.log('已无可取消点赞的推文，总计取消：', count)
}

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