Имитация клика по элементу на веб-странице в TEdgeBrowser с помощью Delphi

Delphi , Интернет и Сети , Браузер

Вопрос, с которым сталкивается разработчик, работающий с веб-интерфейсами в среде Delphi, заключается в имитации клика по элементам HTML-страницы. Это может быть необходимо для автоматизации тестирования, выполнения определенных действий на сайте или интеграции веб-сервисов с приложением. Особенно актуальной становится эта задача при работе с современными браузерами, такими как TEdgeBrowser, который является частью компонента TMS XDataWebPro.

Проблема

Разработчик столкнулся с проблемой, когда пытался имитировать клик по элементу HTML на веб-странице с помощью кода на Object Pascal в среде Delphi. Элемент, по которому необходимо было выполнить клик, имеет следующий HTML-код:

<div id="card" class="ev_tab_title display active " draggable="true" tabindex="0" title="Boards" style="min-width: 5px;">
<span class="ev_tab_bar"></span>
Boards
</div>

Для выполнения клика был использован следующий скрипт:

EdgeBrowser1.ExecuteScript('document.getElementById("card").click()');

Однако, несмотря на выполнение кода, элемент не реагировал на клик. В качестве альтернативного варианта, разработчик рассматривал возможность использования других селекторов, таких как класс или CSS-селекторы.

Решение

В ответе на проблему было предложено несколько решений:

1. Использование класса вместо идентификатора:

EdgeBrowser1.ExecuteScript('document.getElementsByClassName("ev_tab_title display active ")[0].click();');

1. Использование CSS-селектора querySelector:

sJavaClickEnter:='var elem = document.querySelectorAll('.input-addon.btn.btn-default.fileinput-exists'');' + #13#10 + 'elem[1].click();';
EdgeBrowser1.ExecuteScript(sJavaClickEnter);

1. Имитация движения курсора мыши к элементу и его клика:

SetCursorPos(x, y); // координаты, куда переместить курсор
Mouse_Event(MOUSEEVENTF_LEFTDOWN, 0, 0, 0, 0); // нажатие кнопки мыши
Mouse_Event(MOUSEEVENTF_LEFTUP, 0, 0, 0, 0); // отпускание кнопки мыши

Важно отметить, что для использования последнего способа необходимо иметь соответствующие функции для управления курсором и кнопками мыши, которые могут быть реализованы с помощью внешних библиотек или API.

Подробности

При дальнейшем анализе проблемы выяснилось, что клик-обработчик был привязан не к div, а к span внутри него. Используя инструмент "Inspect Element" в браузере, можно было найти соответствующий обработчик события клика. Разработчик обнаружил, что клик-обработчик связан с функцией:

function(e) {
  return t.props.onClick(e, t.props.index, t.props.title)
}

Использование этой функции в скрипте для имитации клика может быть одним из путей решения задачи.

Заключение

Для успешной имитации клика по элементам на веб-странице в Delphi с использованием TEdgeBrowser важно тщательно анализировать структуру HTML-элементов и их обработчики событий. В зависимости от ситуации, можно использовать различные подходы: выполнение JavaScript-кода, имитация движения курсора и клика мыши, или же использование CSS-селекторов для выбора элементов. Каждый из этих методов имеет свои особенности и может быть более или менее удобен в зависимости от конкретной задачи и условий проекта.

Создано по материалам из источника по ссылке.

Разработчик в среде Delphi пытается имитировать клик по элементу на веб-странице в браузере TEdgeBrowser и сталкивается с проблемами в реализации этой функции.

Комментарии и вопросы

Получайте свежие новости и обновления по Object Pascal, Delphi и Lazarus прямо в свой смартфон. Подпишитесь на наш Telegram-канал delphi_kansoftware и будьте в курсе последних тенденций в разработке под Linux, Windows, Android и iOS

:: Главная :: Браузер ::