Dota 2 Workshop Tools/Panorama/Debugger: Difference between revisions

From Valve Developer Community
Jump to navigation Jump to search
m (Removed protection from "Dota 2 Workshop Tools/Panorama/Debugger")
No edit summary
Line 1: Line 1:
{{otherlang2
|title = Panorama-Debug工具
|en= Dota 2 Workshop Tools/Panorama/Debugger
}}
[[File:Panorama debugger.png|thumb|300px|right|caption|Panorama debugging tool]]
[[File:Panorama debugger.png|thumb|300px|right|caption|Panorama debugging tool]]


[[Dota 2 Workshop Tools/Panorama|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 <code>hittest='false'</code> 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.)
受网络开发工具链的启发，[[Dota 2 Workshop Tools/Panorama|Panorama]] 也具有一个强大的内置debug工具。开启Debugger的方法如下:按下F6，将光标移动到一块PanoramaUI上，然后点击。Deubg窗口将会开启，显示被选择UI的具体内容和所处环境（如果你没法点击这个UI，比如说它被设定为 <code>hittest='false'</code> ，那么你可以先点击一块别的UI，然后在板继承里手动找到你要找的板。）。


Debugger工具分为两个主要部分：板的继承（在左侧）和所选择板的具体信息（在右侧）。
There are two main parts of the debugger: the panel hierarchy (on the left) and details about the selected panel (on the right).
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|Debug工具是很吃资源的，开启的时候会明显拖累游戏。}}


== 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.'''
板继承会完整地显示一个树状图，包含所有在UI中显示的板元素。


You can also display the final computed values for all panel properties.
== 板的具体信息 ==
这部分Debugger会显示所有应用到板上的CSS规则，并且会指明哪一条最终决定了某个属性值。如果将光标悬停在某个CSS属性上，将会跳出一个提示栏，显示这个属性的具体信息和它的合法值。
 
你也可以显示所有板属性最终计算后的值。


{{shortpagetitle}}
[[Category:Panorama]]
[[Category:Panorama]]
[[Category:Dota 2 Workshop Tools]]
[[Category:Dota 2 Workshop Tools]]

Revision as of 00:37, 31 January 2016

Template:Otherlang2

Panorama debugging tool

受网络开发工具链的启发，Panorama 也具有一个强大的内置debug工具。开启Debugger的方法如下:按下F6，将光标移动到一块PanoramaUI上，然后点击。Deubg窗口将会开启，显示被选择UI的具体内容和所处环境（如果你没法点击这个UI，比如说它被设定为 hittest='false' ，那么你可以先点击一块别的UI，然后在板继承里手动找到你要找的板。）。

Debugger工具分为两个主要部分：板的继承（在左侧）和所选择板的具体信息（在右侧）。 There are two main parts of the debugger: the panel hierarchy (on the left) and details about the selected panel (on the right).

Note.pngNote:Debug工具是很吃资源的，开启的时候会明显拖累游戏。


板继承

板继承会完整地显示一个树状图，包含所有在UI中显示的板元素。

板的具体信息

这部分Debugger会显示所有应用到板上的CSS规则，并且会指明哪一条最终决定了某个属性值。如果将光标悬停在某个CSS属性上，将会跳出一个提示栏，显示这个属性的具体信息和它的合法值。

你也可以显示所有板属性最终计算后的值。

Retrieved from "https://developer.valvesoftware.com/w/index.php?title=Dota_2_Workshop_Tools/Panorama/Debugger&oldid=195238"