[PSA] Native UI debugging tools changes

[Wei Li]

If you don’t use or debug Views, you can stop reading now.

Hello!

Recently, we’ve developed and enhanced a suite of desktop UI debugging tools. Now the following tools are available to help Views developers:

• New Debugging Keyboard Shortcuts

• Enhanced UI DevTools

• New Debugger extensions/scripts

• Enhanced Views examples

Please check out the documentation for more information on how to use these tools.

For those of you who are using UI Devtools today, please note, we moved the UI DevTools’ inspection link to a dedicated tab called ‘native UI’ on chrome://inspect page since version 91.0.4442.1 (in Canary).

We also made the following improvements on UI DevTools:

• Runtime enabling support is live. Developers can enable UI DevTools through chrome://flags#ui-debug-tools.

• Completed adding all the metadata properties for Views property visibility in Chromium (Ash side is still WIP)

• Extended bubble locking to general widget locking on all platforms so that dialogs don’t dismiss when you attempt to inspect them under devtools.

• Added the ability to inspect class properties, allowing for extended inspection of items like properties.

• Better and built-in support for color properties.

Please reference the full UI Devtools Documentation for all the details.

Please send any feedback to vi...@chromium.org. Thank you!

Wei Li on behalf of the Views Team.