“文档大纲”窗口

提供当前文档中元素和脚本的大纲视图。

在 Visual Web Developer 中使用“文档大纲”窗口

在 Visual Web Developer 中,在**“视图”菜单中单击“文档大纲”。 (如果您使用的是 Visual Studio 中的常规设置,请在“视图”菜单中单击“其他窗口”,再单击“文档大纲”**)。

提示

常规设置和 Web 开发设置中的命令和选项可能不同。 Web 开发设置将优化集成开发环境 (IDE),以提供对 Web 开发活动所需的命令和选项的便捷访问,而不考虑使用何种编程语言。 有关更多信息,请参见 使用设置

对于 Visual Web Developer,您可以使用文档大纲执行以下任务:

  • 查看文档的逻辑结构。

  • 确定哪些元素属于 HTML 元素,哪些属于 Web 服务器控件。

  • 定位到“设计视图”和“源视图”中的特定元素。

在**“文档大纲”**窗口显示的元素列表取决于您正在使用的视图。 在“设计”视图中,大纲显示文档正文中的元素。 在“源”视图中,大纲显示 body 元素、head 元素的子元素、页指令以及任何 script 和 code 元素。

为 Windows 窗体使用“文档大纲”窗口

在 Visual Studio 中,在**“视图”菜单中单击“其他窗口”,然后单击“文档大纲”**。

对于 Visual Studio 中的 Windows 窗体应用程序,您可以使用文档大纲执行以下任务:

  • 查看 FormUserControl 的逻辑结构。

  • 将用户输入焦点放在可能很难在 Form 自身或 UserControl 自身上选择的深度嵌套的控件上。

  • 将控件从一个父控件中移到另一个父控件中。

  • 查看可能被其他控件隐藏起来的控件。

对于 Windows 窗体应用程序,文档大纲仅在 FormUserControl 的设计视图中显示。 “代码视图”中未显示任何内容。

大纲在以下情形下最有用:当您必须将设计焦点放在深度嵌套在其他控件中的控件上时,或放在很难使用鼠标或 Tab 键选择的控件上时。 例如,您可能具有这样一个 SplitContainer 控件,其 Dock 属性设置为 Fill,并且在该控件中定义了两个或更多 SplitterPanel 区域。 在这种情况下,可能很难选择 SplitContainer 自身以便以可视方式调整面板的大小。 当您在“文档大纲”中选择 SplitContainer 时,同时会在此窗体中选择该控件,这样您就可以将指针移至要调整大小的拆分器上。

提示

如果切换视图,“文档大纲”窗口可能不会立即更新,因为该更新将作为后台任务执行。

为 Silverlight 和 WPF 使用“文档大纲”窗口

在 Visual Studio 中,在**“视图”菜单中单击“其他窗口”,然后单击“文档大纲”**。

对于 Silverlight 和 Windows Presentation Foundation (WPF) 应用程序,您可以使用文档大纲执行以下任务:

  • 查看您的 XAML 中的元素的逻辑结构。

  • 查看在弹出窗口中的元素的缩略图预览。

  • 定位到“设计视图”和“XAML 视图”中的特定元素。

  • 将用户输入焦点放在可能很难在设计图面自身上选择的深度嵌套的元素上。

  • 查看可能被其他控件隐藏起来的控件。

**“文档大纲”**窗口在树样式视图中显示文档的层次结构,根窗口或用户控件位于顶部,子元素位于它们的下方。 您可以展开或折叠子元素。 元素名称显示在元素旁边的括号内。 在元素上移动指针时,会在弹出窗口中显示该元素的缩略图预览。

当您选择文档大纲中的某个元素时,该元素在“设计”视图中和 WPF 设计器 中的 XAML 视图中也处于选中状态。

提示

层次结构中的元素无法在“文档大纲”窗口中重新放置。

请参见

任务

如何:在 Visual Web Developer 的 HTML 编辑器中定位

参考

“源”视图

概念

Visual Web Developer 中的 HTML 编辑器标记导航