Debugger

From Valve Developer Community
< Dota 2 Workshop Tools‎ | Panorama
Revision as of 07:38, 31 January 2016 by GZSY (talk | contribs) (Undo revision 195238 by GZSY (talk))

Jump to: navigation, search
Panorama debugging tool

Panorama has a powerful built-in UI debugging tool inspired by web development tool chains. To open the debugger, press F6, move your mouse over a piece of Panorama UI, and click. The debugger window will open with details of the selected UI and its context. (If you can't click on a panel, for example because it is configured with hittest='false' then it is often possible to click a different part of the UI and then manually navigate to the panel in question in the panel hierarchy.)

There are two main parts of the debugger: the panel hierarchy (on the left) and details about the selected panel (on the right).

Note:The Panorama debugger is resource-intensive and will significantly effect game performance while it is open.

Panel Hierarchy

The panel hierarchy shows a complete tree of all panels currently present in the UI.

Panel Details

This part of the debugger will show all of the CSS rules that apply to the panel, and which rule is ultimately determining a given property value. If you mouse-over any CSS property name, a tooltip will show you detailed information about the property and its legal values.

You can also display the final computed values for all panel properties.