一个复杂的项目往往是由成千上百的元素构成。如何迅速定位元素对于开发人员来说非常的重要。要做到这一点,其实并不难。在VS中可以通过HTML标记导航器来实现。现在主要的问题就是开发人员的一个习惯与经验问题。笔者虽然不能够说是这方面的专家,但是也蛮有心得的。在这里就跟大家分享一下。
一、 最常见的两类元素定位。
在VS项目开发中,有两类比较特殊的、也是用的最频繁的元素。一是父子元素,如td与Table,td是子元素,Table是父元素。通过VS的标记导航器,可以从当前元素(子元素)迅速移动到位于当前层次结构中比较高位置(父元素)的元素。这个特性在使用嵌套很深的结构中,非常的实用。二是焦点元素。有时候出于某种需要,开发人员会将某些元素设置为“焦点元素”。如可能是出于测试的需要或者对某些元素存在疑问。此时使用标记导航器就可以迅速确定文档中的焦点元素。
显然标记导航器在实际项目中还是蛮有帮助的。下面笔者就给各位读者介绍一下,这个标记导航器的具体使用技巧。
二、 如何显示当前路径?
Web应用程序有一个很重要的特点,就是其项目管理器就好像是Windows操作系统的“资源管理器”一样,通过路径将各个代码文件整合成一个系统。如果某个路径出现错误,则应用程序编译时就可能因为找不到源文件而编译错误。可以毫不夸张的说,路径管理对于Web项目的成败具有很关键的影响。
在项目开发中,开发人员最常见的操作就是查看当前路径。标记导航器可以帮助开发人员来实现这个需求。默认情况下标记导航器显示在网页编辑器的底部。标记导航器中有一项内容叫做“导航路径”。这个内容就是从当前所选标记到最外面的可用标记的路径。这里需要注意,什么叫做“最外面的可用标记”呢?不同的情况下,这个可用标记是不同的。如在源视图中,最外面的可用标记是html标记;而在设计视图中,最外面的标记则是Body标记。这个差异开发人员一定要清楚。很多新手在这个地方都会载一个跟斗,有过“血的教训”。
三、 如何通过标记导航器选择元素?
显示当前路径或者显示焦点元素,这些并不是我们开发人员的最终目的。开发人员希望,在显示元素的同时,能过迅速定位到所需要的元素那边去。简单的说,就是可以通过单击导航器中的标记,就可以转到那个元素中去。而不是说要根据其路径再自己去找。
在VS的标记导航器中就提供了类似的功能。开发人员可以单击导航器中的标记以选择它所表示的元素。其还有一个很好的嵌套功能。如果所选择的标记还有下一层的内容的话,则导航器中的这个标记还会显示一个下拉列表供开发人员选择。通过这个下拉列表开发人员可以选择整个元素或者只选择下面的某个内容。举一个简单的例子。如现在在导航器中有一个“td”标记。而在这个标记下有两个内容,分别是“td元素”和“td元素的内容”。有时候开发人员可能要看的并不是这个元素的本身,而是需要更改元素的属性,此时就可以使用标记导航器上的下拉列表选择“td元素”。
笔者总结了一下,除了以上这个例子,通常在以下两种情况中,也会使用这个特性来定位所需要的元素并进行相关的操作。一是如果需要将ASP网页转换为与主控页一起使用的内容页。此时使用标记导航器可以选择现有标记,然后再执行复制、移动或者删除操作。二是在源视图编辑表。此时如果通过标记导航器开发人员可以方便的复制表单元格中的各种标记,如td元素,就好像是复制单元格一样,或者进行其他的移动、删除等操作。简单的来说,有了这个“标记导航器”,对于元素的操作就如同在Excel中操作单元格那么的方便。故开发人员还是需要花点心思去熟悉这个“标记导航器”,并精通通过标记导航器来选择特定的元素。这是在vs中开发Web应用程序的一项必备的技能。
四、 如何显示当前文档中的所有元素?
在使用标记导航器来管理元素的时候,需要注意一点,通常情况下标记导航器并不显示文档中所有的元素。除非开发人员将所有元素都设置为焦点。否则的话,在导航器中只显示当前元素到最外面可用标记的路径(注意不同情况下最外可用标记有所不同)。那么如果开发人员需要查询所有的可用元素的时候,该怎么办呢?不要着急,此时的话用户可以通过文档大纲窗口来查看所有元素。
文档窗口将提供当前文档中的所有元素和脚本的大纲视图。在VS中主要提供两种格式的文档窗口,分别为Web格式与窗体格式。注意虽然他们都是大纲窗口,但是能够完成的操作是不同的。如在Web文档窗口中,可以查看文档的逻辑结构,可以查看哪些元素属于HTML元素或者属于Web服务器控件,可以定位到设计视图或者源视图中的特定元素等等。而通过窗体视图,则可以查看Form或者Usercontrol的逻辑结构,可以将控件从一个父控件中移动到另外一个父控件中,可以查看被其他控件隐藏起来的空间等等。由于他们在功能上有很大差异(不清楚为什么微软给他们取了一个相同的名字,可能是内容布局上相似吧),故在工作中用户还是需要根据自己的需要来选择所使用的文档窗口。最好是两个都用一下,有了直观的感受之后再来选择。这里需要注意,只有当Windows窗体应用程序位于From或者UserControl的设计视图中时,窗体文档大纲才会处于活动状体。而在其他地方,如代码视图中,其不会显示任何内容。Web文档大纲则没有这方面的限制。
如果要打开Web格式的文档大纲窗口的话,可以按如下方式打开。在VS工具栏的视图菜单中单击文档大纲窗口打开。还有一种方式是将常规设置导入到VS中,然后在视图菜单中可以看到有一个“其他窗口”,选择“文档窗口”打开即可。