本章內容
2.1 預置代碼示例
2.2 調試頁面服務端代碼
2.3 服務器控件的調試
2.4 JavaScript 腳本調試方法
2.5 Ajax Library 對JavaScript調試支持
2.1 預置代碼示例
熟悉ASP.NET 開發的讀者朋友可能對於服務器控件的調試技術更容易上手，不過如果您剛剛接 觸ASP.NET 也沒關系，本章會從最基本的調試開始講解。
在調試之前，要先建立一個調試控件的項目環境。關於如何建立環境在這裡就不講了，第1 章 已經講得非常詳細了。
首先在Web 控件項目工程中添加一個主控件代碼文件DebugControl.cs ，下面是本章示例代碼 控件主文件DebugControl.cs 的代碼：
[ToolboxData("<{0}:DebugControl runat=server></ {0}:DebugControl>")]
/// <summary>
/// 獲得本書更多內容,請看:
/// http://blog.csdn.net/ChengKing/archive/2008/08/18/2792440.aspx
/// </summary>
public class DebugControl : WebControl
{
Button btnDebugScript = new Button();
protected override void CreateChildControls()
{
this.Controls.Add(btnDebugScript);
base.CreateChildControls();
}
protected override void Render(HtmlTextWriter writer)
{
btnDebugScript.Text = "調試客戶端腳本";
btnDebugScript.OnClientClick = "ClientClickEvent();";
btnDebugScript.RenderControl(writer);
}
}
代碼很簡單，主要是生成一個按鈕，並為按鈕注冊一個客戶端單擊事件ClientClickEvent。 CreateChildControls和Render都是自定義控件生命周期階段依次執行的一些方法，在第1章講解控 件生命周期時已經介紹過，在下一章還會更詳細地講解它們。本章主要關注控件調試技術部分。
另外，在站點的頁面文件DebugControl.aspx的<head></head>標記中加入控件客 戶端事件執行的方法的實現代碼：
<head runat="server">
<script language="javascript">
function ClientClickEvent()
{
alert('我被單擊了一下!');
}
</script>
</head>
客戶端ClientClickEvent方法體就一句話，彈出一個提示。在浏覽器中查看DebugControl.aspx 頁面。並單擊頁面中的按鈕，運行效果會如圖2-1所示。
圖2-1 控件運行圖
這個示例代碼非常簡單，但已經能夠展示所有控件開發調試的內容了。到現在為止已經完成了 第一步，下面開始一一介紹控件開發相關的調試內容。
