Debugging Brave UI

Debugging Brave UI

You can use the Chrome remote developer tools to debug aura UI views (only available to Windows, Linux and ChromeOS).

Instructions

1. cd to src/out/Debug
2. Run brave.exe --enable-ui-devtools This will start Brave with the UiDevToolsClient flag enabled.
3. cd to the application folder of Chromium or Chrome. Note: This can not be a stable release of Chrome. UI Devtools are not available in stable releases of Chrome any longer.
4. Run chromium-browser.exe --enable-ui-devtools This will start Chromium with the UiDevToolsClient flag enabled.
5. In the Chromium browser, type chrome://inspect into the URL bar.
6. Click on the Other tab and in the section entitled "UiDevToolsClient" click on the inspect link.

You can now use the DOM inspector and some of the other devtools.

Changing the port

You can also pass --enable-ui-devtools=<port> if you want to use a different port.

Draw View's bounds

You can see each View widget's bounds by passing --draw-view-bounds-rects.