Dota 2 Workshop Tools/Panorama/Debugger: Difference between revisions
m (Removed protection from "Dota 2 Workshop Tools/Panorama/Debugger") |
No edit summary |
||
| (4 intermediate revisions by 3 users not shown) | |||
| Line 1: | Line 1: | ||
{{Dota 2Tools topicons}} | |||
[[File:Panorama debugger.png|thumb|300px|right|caption|Panorama debugging tool]] | [[File:Panorama debugger.png|thumb|300px|right|caption|Panorama debugging tool]] | ||
| Line 6: | Line 7: | ||
{{note|The Panorama debugger is resource-intensive and will significantly effect game performance while it is open.}} | {{note|The Panorama debugger is resource-intensive and will significantly effect game performance while it is open.}} | ||
{{note|As of 2019-08-12, the debugger seems to be, intentionally or not, disabled.}} | |||
{{note|if the debugger doesn't open by default on windows, right click the window in the task bar and click maximize}} | |||
== Panel Hierarchy == | == Panel Hierarchy == | ||
Latest revision as of 08:10, 5 March 2021
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.Note:As of 2019-08-12, the debugger seems to be, intentionally or not, disabled.Note:if the debugger doesn't open by default on windows, right click the window in the task bar and click maximizePanel 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.