Debug Web content

When using GDC in Universal Rendering mode, you can access tools to inspect and debug layout and performance issues of web content. When using GDC in Native mode, you can use these tools to inspect and debug web components.

The WebEngine debugger is a debugging tool that opens in a separate window, providing access to the QT WebEngine Developer Tools. One of these tools is the inspector, which shows the HTML and JavaScript code when you click on an element. To learn more about tools for Web developers, see Chrome DevTools.

If GDC is launched in Debug mode, you can open the WebEngine debugger by pressing Alt-Shift, then right-click. This works for:

  • All components in Universal Rendering mode.
  • Web components in either Native Rendering or Universal Rendering.

The debugger will close if the webview is closed.