javascript - 使用 Javascript 在 Whatsapp Web 中单击新聊天图标

Question

image of code using inspector

我想点击 http://web.whatsapp.com/ 中的新聊天按钮, 并搜索一个字符串。

下面是我想点击的html标签:

<button class="icon icon-chat" title="New chat"></button>

我用这个javascript点击它:

document.querySelector('.icon.icon-chat').click()

但不工作。

在同一个网站上，我使用此代码单击发送图标以发送消息和工作:

 document.querySelector('.icon.icon-send.compose-btn-send').click()

Answer 1

React 开发工具显示事件处理程序被编写为在鼠标按下时触发。所以你必须触发 mousedown 事件

在控制台中输入

function simulateMouseEvents(element, eventName) {
    var mouseEvent= document.createEvent ('MouseEvents');
    mouseEvent.initEvent (eventName, true, true);
    element.dispatchEvent (mouseEvent);
}

simulateMouseEvents(document.querySelector('.icon.icon-chat'), 'mousedown')