Debug web content

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

The web 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 web 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.