程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> .NET網頁編程 >> 關於.NET >> 在VS中通過標記導航迅速定位元素

在VS中通過標記導航迅速定位元素

編輯:關於.NET

一個復雜的項目往往是由成千上百的元素構成。如何迅速定位元素對於開發人 員來說非常的重要。要做到這一點,其實並不難。在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中, 然後在視圖菜單中可以看到有一個“其他窗口”,選擇“文檔窗口”打開即可。

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved