chrome 控制台点击功能在特定网站上不执行任何操作答案

【问题标题】：chrome console click function does nothing on a paritcular websitechrome 控制台点击功能在特定网站上不执行任何操作
【发布时间】：2021-01-12 10:19:30
【问题描述】：

我去了这个网站

http://getlike.io

我想使用蓝色按钮顶部的 chrome 控制台进行简单的单击

我使用了 chrome 控制台，然后右键单击元素 > 检查 > 在 chrome 控制台上找到元素 > 复制选择器，然后我得到了选择器。这是蓝色按钮的选择器#header > div.top > div > div > div.col-md-2.col-3 > a

我只是将它添加到 jquery 标记中，因为 jquery 已经加载 $("#header > div.top > div > div > div.col-md-2.col-3 > a").click();

它什么也没做我也尝试过使用javascript，但仍然点击什么也不做。奇怪的是我总是使用相同的方式点击控制台，它总是有效，但是这个网站..似乎他们以某种方式理解我正在使用 chrome 控制台执行点击操作？有谁知道为什么在这个网站上无法点击某些元素？

【问题讨论】：

使用 js 做了同样的事情，在开发工具控制台中尝试....：const btn = document.querySelector('a.btn.hidden-sm-down'); btn.click();
是不是因为您使用了 querySelector 它可以执行点击？感谢您的回答，我接受它作为正确答案
不是因为 querySelector 在你的情况下可能没有选择确切的节点:)

【解决方案1】：

Jquery 选择器的返回值是一个数组。所以你必须使用索引来指向你想要使用的项目。

在这种情况下，由于指定选择器只有一项，因此可以使用 0 索引来访问数组中的按钮。

$("#header > div.top > div > div > div.col-md-2.col-3 > a")[0].click()

【讨论】：

【解决方案2】：

我认为这是因为它是一个没有附加点击事件的<a> 标记。在按钮上，通常有一个与onClick 或addEventListener 或$.on("click") 链接的方法，当您单击或使用.click() 时会触发该方法。

如果您查看开发控制台，在该元素的事件侦听器中，没有任何附加内容。

【讨论】：