Отладка и профилирование Qt WebEngine

Ведение журнала консоли

JavaScript, исполняемый внутри Qt WebEngine, может использовать API консоли Chrome, чтобы регистрировать информацию в консоли. Сообщения об ошибках передаются в средства регистрации Qt внутри js категории регистрации. Однако по умолчанию выводятся только предупреждения и сообщения об ошибках. Чтобы изменить это, необходимо либо задать пользовательские правила для js категории, либо предоставить пользовательские обработчики сообщений, переопределяя QWebEnginePage::javaScriptConsoleMessage() или подключившись к сигналу WebEngineView::javaScriptConsoleMessage().

Все сообщения также доступны через инструменты разработчика Qt WebEngine.

Инструменты разработчика Qt WebEngine

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

Доступ к инструментам разработчика осуществляется как к локальной веб-странице с помощью браузера на основе Chromium или Qt WebEngine, например, браузера Chrome.

Чтобы активировать инструменты разработчика, запустите приложение, использующее Qt WebEngine, с аргументами командной строки:

--remote-debugging-port=<port_number>

Где <port_number> относится к локальному сетевому порту. Затем к инструментам разработчика веб-приложений можно получить доступ, запустив браузер по адресу http://localhost:<port_number>.

В качестве альтернативы можно установить переменную среды QTWEBENGINE_REMOTE_DEBUGGING. Она может быть установлена как просто порт, работающий аналогично --remote-debugging-port , или с указанием адреса хоста и порта. Последний вариант можно использовать для управления тем, на каком сетевом интерфейсе экспортировать интерфейс, чтобы получить доступ к инструментам разработчика с удаленного устройства.

Подробное объяснение возможностей инструментов разработчика можно найти на странице Chrome DevTools.