原始碼檢視

更新:2007 年 11 月

[原始碼] 檢視會顯示網頁中可編輯的 HTML 標記。根據預設,當您一開始選取 [原始碼] 檢視時,將會顯示所有 HTML 項目和指令碼。就像在設計檢視中編輯網頁一樣,您可以從 [工具箱] 拖曳項目,並查看其插入文件的標記。

若要選取原始碼檢視,請按一下 [HTML 設計工具] 視窗底端的 [原始碼] 索引標籤。

[原始碼] 檢視提供下列優於設計檢視的優點:

  • 可以微調項目和控制項的標記

  • 可以將文件格式化為喜好的樣式

  • 可以編輯不在主體中的項目。設計檢視只會顯示 body 項目之間的項目。例如,當您在 [原始碼] 檢視中作業時,可以直接編輯 head 項目

  • 可以編輯網頁指示詞

  • 可以建立及編輯用戶端指令碼

  • 在單一檔案網頁中工作時 (相對於程式碼後置的檔案網頁),可以編輯網頁的伺服端程式碼

切換至設計檢視時,將立即反映您在 [原始碼] 檢視中所做的任何變更

注意事項:

有些標記錯誤會阻止您切換至設計檢視,因為這些錯誤可能會產生編輯器的問題,包括資料遺失的可能性。例如,如果沒有適當結束標記,編輯器會顯示錯誤並停止檢視切換。有關錯誤的詳細資訊,顯示於錯誤清單視窗。即使無法切換至設計檢視,您仍然可以執行網頁進行預覽。

在原始碼檢視中巡覽

為了協助您在項目之間移動並選取項目,原始碼檢視提供下列選項:

驗證

在 [原始碼] 檢視中,編輯器會自動檢查文件的語法並標示出無效的標記、屬性 (Attributes) 或值。您可以選擇使用瀏覽器 (例如 Microsoft Internet Explorer) 或是標準方法 (例如 XHTML 1.1 Strict),做為驗證文件的結構描述。如需詳細資訊,請參閱 Visual Web Developer 中的標記驗證

IntelliSense

IntelliSense 是 Visual Studio 的功能,會顯示可能關鍵字的下拉式清單,並完成所輸入的內容。例如,如果輸入類別名稱的開頭,IntelliSense 會在下拉式清單中,顯示與您所輸入的字元為開頭相同的所有類別名稱。

在 [原始碼] 檢視中,編輯器幾乎會對所有項目顯示 IntelliSense,包括 ASP.NET Web 伺服器控制項、標記、網頁指示詞,和用戶端指令碼。編輯器提供的 IntelliSense 是由目前的驗證結構描述所控制,如此編輯器的 IntelliSense 才不會提供無效的標記、屬性 (Attribute) 或值。

注意事項:

您可以關閉陳述式完成。如需詳細資訊,請參閱選項對話方塊、文字編輯器、HTML、一般

格式

編輯器提供下列格式化文件和個別標記的選項:

  • 拖曳或貼上項目:當您從 [工具箱] 拖曳項目或從剪貼簿貼上項目時,編輯器可以根據指定的選項,以之前格式化項目相同的方法建立項目,或重新格式化項目。如需詳細資訊,請參閱選項對話方塊、文字編輯器、HTML、其他

  • 加入引號或結尾標記:可以設定選項讓編輯器自動在屬性 (Attribute) 值前後插入引號,並在完成開始標記時自動建立結束標記。如需詳細資訊,請參閱選項對話方塊、文字編輯器、HTML、格式

  • 每個標記格式化:您可以指定在建立項目時,編輯器格式化標記的規則。這些選項包括如何將標記和屬性以大寫顯示,以及置放分行符號的位置。如需詳細資訊,請參閱標記專用選項

  • 格式化項目或文件:您可以將目前的格式設定套用至選取的區段或整個文件

  • 大綱文件:您可以摺疊和展開項目,以便在編輯器中建立更多工作空間。例如,可以摺疊 table 項目隱藏所有表格列和儲存格,並在需要編輯時再展開。可以手動方式摺疊和展開項目,並可在編輯器自動將大綱加入項目之前,指定項目大小的規則。如需詳細資訊,請參閱 HOW TO:摺疊和展開 Visual Web Developer 中的 HTML 項目

撰寫用戶端指令碼和伺服端程式碼

在 [原始碼] 檢視中,您可以建立在瀏覽器中執行的用戶端指令碼。如果您正在使用單一檔案 ASP.NET Web 網頁,也可以在 [原始碼] 檢視中編輯網頁的伺服端程式碼。如需 ASP.NET Web 網頁中用戶端指令碼的詳細資訊,請參閱ASP.NET Web 網頁中的用戶端指令碼。如需單一檔案 ASP.NET Web 網頁的詳細資訊,請參閱 ASP.NET Web 網頁程式碼模型

用戶端指令碼

您可以使用在任何編輯器中所使用的方法撰寫用戶端指令碼,並當做項目的一部分加入或加入本身的 <script> 區塊中。在指令碼區塊內,編輯器會提供定在目前文件之物件模型 (Object Model) 的 IntelliSense,以及提供定在對指令碼區塊所指定之用戶端指令碼語言的 IntelliSense。如果沒有指定語言,編輯器便假設是 ECMAScript。

注意事項:

編輯器不會驗證用戶端指令碼。

編輯器會在視窗頂端顯示兩個下拉式清單。針對用戶端指令碼,左邊的下拉式清單會顯示您可撰寫事件處理常式的文件物件清單,右邊的下拉式清單則顯示所選取物件的事件。藉由選取物件然後選取事件,即可建立新的處理常式。事件的處理常式若已存在,事件名稱會以粗體顯示。

為了協助巡覽用戶端指令碼,左邊的下拉式清單也會顯示 [用戶端指令碼] 選項。當您選取 [用戶端指令碼] 時,右邊的下拉式清單會顯示用戶端指令碼事件處理常式的清單。您可以選取事件名稱,直接移至該處理常式。

伺服端程式碼

如果您正在 ASP.NET Web 網頁 (使用單一檔案程式碼模型) 中工作時,[原始碼] 檢視會在包括 屬性的指令碼區塊中,顯示網頁的伺服端程式碼。

注意事項:

伺服端程式碼不需要語言屬性,網頁的伺服端程式碼語言會在 @ Page 指示詞中建立。

針對伺服端程式碼,網頁左上方的下拉式清單會顯示可撰寫程式碼的伺服器控制項。右邊的下拉式清單則會顯示目前已選取之控制項的事件清單。藉由選取物件然後選取事件,即可建立新的事件處理常式。已擁有處理常式的事件會以粗體顯示。

請參閱

概念

設計檢視