console.log() 没有在间隔内记录到控制台

Question

我浏览了很多帖子，似乎找不到我的问题的答案。

我的间隔中有一个 console.log 表达式。 当代码在控制台中运行时，它完美地执行，但拒绝控制台记录我的字符串，通知客户端用户脚本正在运行。

这是我的带注释的代码：

• 初始化喜欢为0
• 设置间隔和秒数（以毫秒为单位）
• 定义like按钮
• 定义下一张图片按钮
• 如果有likeButton，点击likeButton
• 将 1 添加到喜欢并记录以控制台字符串
• 单击箭头转到新照片

let likes = 0;

setInterval(() => {
    const likeButton = document.querySelector('svg[aria-label="Like"]');
    const nextButton = document.querySelector('svg[aria-label="Next"]');
    if (likeButton) {
        likeButton.parentNode.parentElement.click()
        likes++;
        console.log(`You've liked ${likes} post(s)`); 
    }
    nextButton.parentElement.parentNode.click();
}, 20000);

Answer 1

从我在 Instagram 上看过的几篇帖子的inspect source来看，点赞按钮似乎有两种状态。

• <svg aria-label="Like" />当帖子还没有被点赞时。
• <svg aria-label="Unlike" />当帖子已被您点赞时。

问题是const likeButton = document.querySelector('svg[aria-label="Like"]'); 将整个元素作为对象返回，并且不是真/假值，因此if (likeButton) {永远不会为真，但正如@Unmitigated 指出的那样，它可能是“真实的”。 要确定按钮是否已被单击并消除任何“真正的摆动空间”，您需要查看likeButton元素上的属性。 为此，您可以使用 getAttribute()。

let likes = 0;

setInterval(() => {
    const likeButton = document.querySelector('svg[aria-label="Like"]');
    const nextButton = document.querySelector('svg[aria-label="Next"]');
    if (likeButton.getAttribute("aria-label") === "Like")) {
        likeButton.parentNode.parentElement.click();
        likes++;
        console.log(`You've liked ${likes} post(s)`); 
    }
    nextButton.parentElement.parentNode.click();
}, 20000);