监视变量(调试)窗口的设计
我已经实现了一种支持的脚本语言 .NET 对象的创建和使用。
为了易于使用,我想实现一个用户界面 用于查找内存中的变量。
我检查了 Visual Studio 中的调试/监视变量窗口 在 Eclipse 中,它们似乎都使用相同的模式 - 变量<->属性关系的树视图表示, 这很好,但是需要大量的“展开节点”点击 查找特定属性或字段的值。
如果所有属性都可以,那么点击次数过多的问题就可以轻松解决 并且字段会自动扩展 - 但这可能会 导致另一个问题 - 将使用太多屏幕空间 只是为了显示一个变量。
您能推荐任何好的(或不寻常的)调试/视图/变量监视 UI 实现吗? 除了我曾经见过的(Visual Studio、Eclipse)。
这个想法是能够直观地掌握物体的状态 一眼(或尽可能接近)。
I have implemented a script language which supports
creation and usage of .NET objects.
To make easy to use I want to implement a user interface
for looking up variables in memory.
I checked the debug/watch variable windows in Visual Studio
and in Eclipse and they both seem to use the same pattern -
tree view representation of variable<->property relationship,
which is good, but it takes a lot of "expand node" clicks
to find a value of a specific property or a field.
Too many clicks problem could be easily solved if all the properties
and fields are automatically expanded - but that would probably
cause another problem - too many screan real estate would be used
just to display one variable.
Can you recommend any good(or unusual) debug/view/variable watch UI implementation,
in addition to the once I have already seen (Visual Studio, Eclipse).
The idea is to be able to visualy grasp the state of the object in just
once glance (or as near as possible to it).
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(4)
这可能类似于 Visual Studio/Eclipse 中的内容,但最新版本的 WebKit (和 Safari 4) 有一个很好的方法来在 Web 检查器的控制台窗格中查看 JavaScript 对象:
(来源:quintusquill.com)
此外,Dashcode 调试器中的“Stackframes & Variables”面板是非常容易使用:
(来源:quintusquill.com)
最后,您考虑过添加搜索框吗? 如果用户需要找到埋藏在对象深处的特定属性(并且他们知道其名称),这将非常有用。
史蒂夫
This may be similar to what you have in Visual Studio/Eclipse, but the latest builds of WebKit (and Safari 4) have a nice way to view a JavaScript object in the console pane of the Web Inspector:
(source: quintusquill.com)
Also, the "Stackframes & Variables" panel in Dashcode's debugger is very easy to use:
(source: quintusquill.com)
Finally, have you considered including a search box? This would be quite useful if the user needs to find a particular property that's buried deep within an object (and they know its name).
Steve
您可以使此工作类似于在调试模式下将鼠标悬停在 Visual Studio 编辑器中的实时变量上时发生的情况:您会得到一个工具提示,显示该对象的所有属性的名称和值,并且将鼠标悬停在在该列表中,您还会获得有关这些对象详细信息的其他弹出窗口。 这样,您只需移动鼠标即可深入了解并获取所需内容。 能够将这些视图中的任何一个锁定到您的监视窗口中也是一个好处。 希望这可以帮助!
You could make this work similarly to what happens when you hover over a live variable in Visual Studio's editor when in debug mode: you get a tooltip showing the names and values for all properties of that object, and when hovering over any of the items in that list you get additional popups for those objects' details as well. In that way you can drill down and get what you need just by moving the mouse. Having the ability to lock any of these views down into your watch window would be a bonus as well. Hope this helps!
某种预览可以提供帮助,当对象展开时,用户可以检查哪些属性是有趣的用户
将看到
您可以让用户在类的基础上自定义哪些属性是有趣的。
A sort of preview can help there, when an object is expanded, the user can check which properties are interesting
An the user will see
You can let the user customize which properties are interesting on a class basis.
我完全同意 - 树视图一定是世界上使用最错误的 GUI 控件。 不幸的是,我不知道有任何调试器可以做得更好:-(
I agree completely - the tree-view must be the most wrongly used GUI control in the world. Unfortunately, I'm not aware of any debuggers that do it any better :-(