Я хочу создать расширение chrome, которое может имитировать кнопку ответа в меню, которое появляется, когда мы нажимаем маленькую кнопку со стрелкой вниз в сообщении в чате в WhatsApp Web. Снимок экрана кнопки ответа и стрелки Мне удалось получить элемент DOM, используя getElemntsByClassName() в сценарии содержимого расширения, но не смог имитировать событие mouseover / mouseenter для отображения этой маленькой кнопки со стрелкой. Эта кнопка появится только при наведении курсора мыши на сообщение.
var mainWindow = document.getElementsByClassName("z_tTQ")[0]; //get main div which contains msg boxes
var msgs_in_boxes = mainWindow.getElementsByClassName("message-in") //get msg boxes
var msg_in_box = msgs_in_boxes[msgs_in_boxes.length - 1]; //get the last msg box div elem
var msg_in = msg_in_box.getElementsByClassName("_2et95 _3c94e")[0]; //get div inside the msg box
var event = new Event('mouseenter');
msg_in.dispatchEvent(event);
Я пробовал оба события mouseenter и mouseover, но не смог программно отобразить кнопку со стрелкой. Также я отправил события на msg_in_box вместо msg_in. Но не работает
Есть ли способ выполнить sh эту задачу с помощью java скрипта в расширении chrome? Или есть ли на рынке аналогичные расширения. Моя цель - имитировать нажатие на кнопку ответа для определенного сообщения c (скажем, последнее сообщение) (я хочу упомянуть это сообщение программно) через расширение chrome.
Изменить: - Я понял, когда отключил JS от devtools по-прежнему эта кнопка со стрелкой появляется и исчезает при наведении курсора мыши. Кажется, для этого они используют CSS вместо onmouseenter из JS. Как я могу смоделировать это CSS :hover