Chess.com Chrome扩展中JavaScript .includes方法失效问题

核心问题 #

你的lastMove()函数存在逻辑错误：连续调用两次pop()方法，第一次pop()已经取出数组最后一个元素并打印，第二次pop()取的是倒数第二个元素返回，导致实际返回值并非你预期的最后一步走法（比如"b3"），自然无法触发includes("b")的判断。

修复代码 #

修改lastMove()函数，仅调用一次pop()获取最后一个元素，同时完成打印和返回：

(() => {
    let move;
   
    function lastMove() {
        move = document.getElementsByClassName('white node');
        let previousMove = Array.from(move);
        // 只执行一次pop()，保存最后一个元素
        const lastStep = previousMove.pop();
        console.log(lastStep.textContent);
        return lastStep.textContent;
    }
    
    chrome.runtime.onMessage.addListener((message, sender, sendResponse) => {
        let taken = lastMove();
        if(taken.includes("b")) {
            console.log('it worked');
        }
    });

})();

额外优化建议 #

• 添加空值判断，避免数组为空时pop()返回undefined导致报错：

  function lastMove() {
      move = document.getElementsByClassName('white node');
      let previousMove = Array.from(move);
      if (previousMove.length === 0) {
          console.log("未找到走法元素");
          return "";
      }
      const lastStep = previousMove.pop();
      console.log(lastStep.textContent);
      return lastStep.textContent;
  }
  

• 推荐使用document.querySelectorAll('.white.node')替代getElementsByClassName，返回的NodeList可直接转换为数组，语义更清晰。

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