Нажатие консоли Chrome () не работает в списке чата в web.whatsapp. - PullRequest
1 голос
/ 26 сентября 2019

Я пытаюсь создать чат-бот для WhatsApp Web.Мне нужно нажать на каждый чат, присутствующий в окне чата на левой боковой панели.

Щелчок не работает только в списке чатов.Я провел некоторое исследование и наткнулся на ссылку ниже.

Консоль Chome .click () работает на одном веб-сайте, но не на другом.Почему и как?

Мне удалось вызвать другой щелчок, например щелчок по заголовку чата при использовании приведенного ниже сценария.

$('#main ._3V5x5').click()

enter image description here

Я получил div первого элемента в списке чата, используя приведенный ниже код.

document.querySelectorAll('._3La1s > .X7YrQ')[0]

Ниже приведен HTML-код для списка чатов

    <div tabindex="-1" data-tab="3">
<div class="">
    <div class="_3La1s" style="height: 144px;">
        <div class="X7YrQ" style="z-index: 1; height: 72px; transform: translateY(72px); transition: none 0s ease 0s;">
            <div class="_3WtUH">
                <div tabindex="-1">
                    <div class="_2UaNq _3mMX1">
                        <div class="_3vpWv">
                            <div class="_3RWII" style="height: 49px; width: 49px;">
                                <img src="https://web.whatsapp.com/pp?e=https%3A%2F%2Fpps.whatsapp.net%2Fv%2Ft61.24694-24%2F70476463_2488309491438311_2008596453030625280_n.jpg%3Foe%3D5D9090FA%26oh%3D1a16e2ec8cbc2668afe54393f8d5e796&amp;t=s&amp;u=918390087973%40c.us&amp;i=1569317438" draggable="false" class="jZhyM _13Xdg" style="visibility: visible;">
                                <div class="B9BIa"><span data-icon="default-user" class=""><svg ></path></g></svg></span>
                                </div>
                            </div>
                        </div>
                        <div class="_2WP9Q">
                            <div class="KgevS">
                                <div class="_3H4MS"><span class="_3NWy8"><span dir="auto" title="Fubuki" class="_19RFN">Fubuki</span>
                                    <div class="_2Ol0p"></div>
                                    </span>
                                </div>
                                <div class="_0LqQ">4:39 PM</div>
                            </div>
                            <div class="xD91K">
                                <div class="_2Bw3Q"><span class="_1Wn_k" title="&#8234;Sorry cannot recognize your query!&#8236;"><div class="_3VIru"><span data-icon="status-dblcheck" class=""><svg ></path></svg></span>
                                </div><span dir="ltr" class="_19RFN _1ovWX">Sorry cannot recognize your query!</span></span>
                            </div>
                            <div class="_0LqQ"><span></span><span></span><span></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="X7YrQ" style="z-index: 0; height: 72px; transform: translateY(0px); transition: none 0s ease 0s;">
        <div class="_3WtUH">
            <div tabindex="-1">
                <div class="_2UaNq">
                    <div class="_3vpWv">
                        <div class="_3RWII" style="height: 49px; width: 49px;">
                            <img src="https://web.whatsapp.com/pp?e=https%3A%2F%2Fpps.whatsapp.net%2Fv%2Ft61.24694-24%2F68116369_2286192595027073_7894703794800295936_n.jpg%3Foe%3D5D90933A%26oh%3D2849b6528f72a913b0b7e286fdb9e4cf&amp;t=s&amp;u=918097251715%40c.us&amp;i=1568968065" draggable="false" class="jZhyM _13Xdg" style="visibility: visible;">
                            <div class="B9BIa"><span data-icon="default-user" class=""><svg ></path></g></svg></span>
                            </div>
                        </div>
                    </div>
                    <div class="_2WP9Q">
                        <div class="KgevS">
                            <div class="_3H4MS"><span class="_3NWy8"><span dir="auto" title="AXXX" class="_19RFN">AXXX</span>
                                <div class="_2Ol0p"></div>
                                </span>
                            </div>
                            <div class="_0LqQ">4:49 PM</div>
                        </div>
                        <div class="xD91K">
                            <div class="_2Bw3Q"><span class="_1Wn_k" title="&#8234;Hi&#8236;"><div class="_3VIru"><span data-icon="status-dblcheck-ack" class=""><svg ></path></svg></span>
                            </div><span dir="ltr" class="_19RFN _1ovWX">Hi</span></span>
                        </div>
                        <div class="_0LqQ"><span></span><span></span><span></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
</div>
</div>
</div>

Я был бы очень признателен за вашу помощь.Заранее спасибо

1 Ответ

1 голос
/ 26 сентября 2019

WhatsApp не разрешает непосредственное срабатывание события щелчка

создает функцию запуска событий, чтобы стимулировать действия человека

//create an eventfiring function to stimulate the human action
function eventFire(el, etype){
		var evt = document.createEvent("MouseEvents");
		evt.initMouseEvent(etype, true, true, window,0, 0, 0, 0, 0, false, false, false, false, 0, null);
		el.dispatchEvent(evt);
}

// Get the List of unread messages
var unreadMSgLIst = document.querySelectorAll('._1ZMSM .P6z4j');
var i =0;
//trigger  the mousedown event
setInterval(function(){ 
	eventFire(unreadMSgLIst[i], 'mousedown');
  i++;
}, 3000);
...