Skip to content

Latest commit

 

History

History
30 lines (19 loc) · 1.71 KB

Debugging-Brave-UI.md

File metadata and controls

30 lines (19 loc) · 1.71 KB

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. Note: Brave typically crashes upon clicking the inspect button the first time. Re-run step 2 and the Web Socket should automatically reconnect in Chromium.
  7. From the Chromium devtools panel, you can now navigate through the DOM on Brave UI.

Relevant Research

  1. https://groups.google.com/a/chromium.org/forum/#!topic/chromium-dev/eHeHP4RuvC0
  2. https://www.chromium.org/developers/how-tos/inspecting-ash

screen shot 2018-06-10 at 12 50 46 pm

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.

debug_view_ui