原始碼檢視

發行項
10/22/2014

更新：2007 年 11 月

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

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

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

可以微調項目和控制項的標記
可以將文件格式化為喜好的樣式
可以編輯不在主體中的項目。設計檢視只會顯示 body 項目之間的項目。例如，當您在 [原始碼] 檢視中作業時，可以直接編輯 head 項目
可以編輯網頁指示詞
可以建立及編輯用戶端指令碼
在單一檔案網頁中工作時 (相對於程式碼後置的檔案網頁)，可以編輯網頁的伺服端程式碼

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

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

在原始碼檢視中巡覽

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

標記導覽：標記導覽會顯示目前的項目，以及其所屬父項目的階層架構。您可以使用標記導覽查看具有焦點 (Focus) 的項目，並從目前的項目移至位於階層架構中較上層的項目。如需詳細資訊，請參閱 Visual Web Developer 中的 HTML 編輯器標記巡覽。
文件大綱：[文件大綱] 視窗可以讓您找出並選取文件內的所有項目，包括不顯示的項目。如需詳細資訊，請參閱 HOW TO：在 Visual Web Developer 的 HTML 編輯器中巡覽。

驗證

在 [原始碼] 檢視中，編輯器會自動檢查文件的語法並標示出無效的標記、屬性 (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 指示詞中建立。

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

請參閱

概念

設計檢視

共用方式為