在VS中通过标记导航迅速定位元素

在VS中通过标记导航迅速定位元素2011-08-29 IT专家网 wanglei一个复杂的项目往往是由成千上百的元素构成。如何迅速定位元素对于开发人员来说非常的重要。要做到这一点，其实并不难。在VS中可以通过HTML标记导航器来实现。现在主要的问题就是开发人员的一个习惯与经验问题。笔者虽然不能够说是这方面的专家，但是也蛮有心得的。在这里就跟大家分享一下。

一、最常见的两类元素定位。

在VS项目开发中，有两类比较特殊的、也是用的最频繁的元素。一是父子元素，如td与Table，td是子元素，Table是父元素。通过VS 的标记导航器，可以从当前元素（子元素）迅速移动到位于当前层次结构中比较高位置（父元素）的元素。这个特性在使用嵌套很深的结构中，非常的实用。二是焦点元素。有时候出于某种需要，开发人员会将某些元素设置为“焦点元素”。如可能是出于测试的需要或者对某些元素存在疑问。此时使用标记导航器就可以迅速确定文档中的焦点元素。

显然标记导航器在实际项目中还是蛮有帮助的。下面笔者就给各位读者介绍一下，这个标记导航器的具体使用技巧。

二、如何显示当前路径？

Web应用程序有一个很重要的特点，就是其项目管理器就好像是Windows操作系统的“资源管理器”一样，通过路径将各个代码文件整合成一个系统。如果某个路径出现错误，则应用程序编译时就可能因为找不到源文件而编译错误。可以毫不夸张的说，路径管理对于Web项目的成败具有很关键的影响。

在项目开发中，开发人员最常见的操作就是查看当前路径。标记导航器可以帮助开发人员来实现这个需求。默认情况下标记导航器显示在网页编辑器的底部。标记导航器中有一项内容叫做“导航路径”。这个内容就是从当前所选标记到最外面的可用标记的路径。这里需要注意，什么叫做“最外面的可用标记”呢？不同的情况下，这个可用标记是不同的。如在源视图中，最外面的可用标记是html标记;而在设计视图中，最外面的标记则是Body标记。这个差异开发人员一定要清楚。很多新手在这个地方都会载一个跟斗，有过“血的教训”。

三、如何通过标记导航器选择元素？

显示当前路径或者显示焦点元素，这些并不是我们开发人员的最终目的。开发人员希望，在显示元素的同时，能过迅速定位到所需要的元素那边去。简单的说，就是可以通过单击导航器中的标记，就可以转到那个元素中去。而不是说要根据其路径再自己去找。

在VS的标记导航器中就提供了类似的功能。开发人员可以单击导航器中的标记以选择它所表示的元素。其还有一个很好的嵌套功能。如果所选择的标记还有下一层的内容的话，则导航器中的这个标记还会显示一个下拉列表供开发人员选择。通过这个下拉列表开发人员可以选择整个元素或者只选择下面的某个内容。举一个简单的例子。如现在在导航器中有一个“td”标记。而在这个标记下有两个内容，分别是“td元素”和“td元素的内容”。有时候开发人员可能要看的并不是这个元素的本身，而是需要更改元素的属性，此时就可以使用标记导航器上的下拉列表选择“td元素”。