ASP.NET 移動網頁

iDotNetSpace發表於2009-02-04
ASP.NET網頁
通過 Microsoft Visual Studio 整合開發環境 (IDE) 可以輕鬆地生成包含移動網頁的 ASP.NET 應用程式。
您可以在任何 ASP.NET 網站中同時使用移動網頁和 ASP.NET 網頁。
在 Visual Studio 中，您可以利用網頁設計器、工具箱、偵錯程式、“源”檢視、“設計”檢視等標準 IDE 設計工具
來使用 ASP.NET 移動控制元件的自適應呈現、自定義和擴充套件性功能。

若要開始建立 ASP.NET 移動網頁，請在 Visual Studio 2005 中開啟一個現有的 ASP.NET 網站專案，或者新建一個網站專案。
建立一個新的移動網頁（Web 窗體）並從“工具箱”中的“移動 Web 窗體”選項卡將一個移動控制元件拖動到其中。
可以使用“屬性”視窗指定控制元件的屬性和事件處理程式。
使用標準的 Visual Studio 功能生成和測試應用程式。

因為 ASP.NET 會自動調整移動頁面呈現形式來適應不同的裝置，所以生成應用程式時應對控制元件進行邏輯分組和合理佈局，以滿足期望的使用者體驗。
與設計用於桌面計算機瀏覽器的 ASP.NET 頁面的不同之處在於您不能手動調整移動控制元件的大小。
而 ASP.NET 會在生成適當的標記時調整控制元件的大小。
若要檢視應用程式在特定裝置上所呈現的外觀，請在用於該裝置的模擬程式或實際裝置上對其進行檢視。
有關更多資訊，請參見如何：使用模擬程式和瀏覽器。

“設計”檢視將顯示頁面的表示形式。它不模擬任何特定裝置的呈現內容。
開發頁面時，“設計”檢視會提供視覺化提示，這些提示會表明移動控制元件當前的屬性設定。
但是，該頁面在執行時的顯示效果與設計時所看到的效果可能並不完全相同。
目標裝置可能並不支援您所設定的每個控制元件屬性，或者目標設定支援該屬性，但不支援您所指定的設定。
此外，一些屬性僅適用於擴充套件。
例如，大多數控制元件都有 BackColor 屬性，但是當前僅 Form. 控制元件使用此屬性。
使用移動控制元件可以開發控制元件（開發使用 BackColor 屬性的控制元件）。
編寫自定義裝置介面卡的開發人員在呈現控制元件時可使用該屬性。

可以優化移動控制元件針對特定裝置生成的標記。
移動控制元件提供了功能強大的工具，這些工具使您能夠通過重寫屬性值和基於裝置功能建立專用呈現來針對特定裝置自定義應用程式的輸出。

使用移動控制元件的擴充套件性模型可以在無需修改 Web 應用程式的情況下新增對新裝置的支援。
可以通過更新配置檔案設定或部署新的裝置介面卡來新增對新裝置的支援。
這極大地延長了應用程式的生存期，因為它們可以繼續在最新裝置上執行。

如何：使用模擬程式和瀏覽器在部署移動 Web 應用程式之前對其進行測試
------------------------------------------------------------------ 

使用 ASP.NET 移動控制元件可以為各種移動裝置開發應用程式。大多數移動裝置的製造商都提供模擬其硬體和瀏覽器操作的模擬程式。使用模擬程式軟體可以檢視 ASP.NET 移動網頁在製造商的硬體裝置上的顯示效果，並且可以從使用者角度體驗在訪問網站時看到的介面。例如，當您看到在某特定裝置上使用者必須如何在站點中導航之後，您可能希望使用針對該裝置的 DeviceSpecific 模板修改介面。

使用模擬程式進行開發和測試可以更輕鬆地在部署移動 Web 應用程式之前對其進行測試。

可以通過兩種方法在裝置模擬程式上檢視移動網頁：

  • 安裝並使用製造商提供的裝置模擬程式。

  • 使用隨某些版本的 Visual Studio 安裝的模擬程式。若要選擇使用此方法，必須具有包含裝置模擬器管理器的 Visual Studio 版本，並且必須已安裝 ActiveSync 應用程式，該應用程式可以從 Windows Mobile Developer Center 上的工具頁下載。

將模擬程式新增到 Visual Studio

可以將模擬程式新增到 Visual Studio 中的可用瀏覽器列表中。

將裝置製造商的模擬程式新增到可用瀏覽器的列表中

  1. 編譯應用程式。

  2. 在開發計算機上安裝移動裝置模擬程式。有關說明，請參見模擬程式的文件。

  3. 在“檔案”選單中單擊“瀏覽方式”。

    Visual Studio 顯示“瀏覽方式”對話方塊。

  4. 單擊“新增”。

    Visual Studio 將顯示“新增程式”對話方塊。

  5. 在“程式名”框中，輸入模擬程式的可執行程式檔案的名稱。

  6. 如果模擬程式接受命令列引數，則在“程式名”欄位中輸入這些引數。例如，輸入 %startpage 在命令列上指定應用程式起始頁應指向的位置。

  7. 在“友好名稱”框中，輸入希望其出現在 Visual Studio 中的瀏覽器的名稱。

  8. 單擊“確定”。

  9. 如果希望將該模擬程式作為預設瀏覽器，請單擊“設為預設值”。

  10. 單擊“關閉”。

移除模擬程式

如果不再需要某模擬程式，可以從 Visual Studio 中將其移除。

從瀏覽器列表中移除模擬程式

  1. 在解決方案資源管理器中，右擊任一 .aspx 檔案的名稱。

  2. 在快捷選單中單擊“瀏覽方式”。

    設計器將顯示“瀏覽方式”對話方塊。

  3. 從瀏覽器列表中選擇一個模擬程式。

  4. 單擊“移除”。

    Visual Studio 會從瀏覽器列表中移除該模擬程式名稱。

    注意：

    無法移除指定為預設瀏覽器的瀏覽器。

使用裝置模擬器管理器測試頁面

所有 Visual Studio 版本都包括對移動網頁的支援。如果您的 Visual Studio 版本還包括對移動裝置應用程式的支援（如對 Pocket PC 的支援），則您已安裝了裝置模擬器管理器，其中包括若干個模擬程式。但是，與裝置模擬器管理器一起提供的模擬程式最初並不是用於測試移動網頁的。若要使用裝置模擬器管理器測試移動網頁，可以安裝 ActiveSync，您可從 Windows Mobile Developer Center 上的 tools page（工具頁）下載該程式。

使用裝置模擬器管理器通過模擬程式檢視網站

  1. 編譯應用程式。

  2. 在“工具”選單上單擊“裝置模擬器管理器”。

    注意：

    如果“裝置模擬器管理器”命令不可用，則是尚未安裝 Compact Framework。

  3. 選擇一個裝置模擬程式。

  4. 在“操作”選單中單擊“連線”。

    此時將顯示模擬程式。移動該模擬程式以便能夠看到裝置模擬器管理器，並等待其指示所選裝置已連線。

  5. 在裝置模擬器管理器中，右擊列表中已連線的裝置模擬程式，並在快捷選單中單擊“插入底座”。

    此時將啟動 ActiveSync。

  6. 在“建立合作關係”對話方塊中選擇“來賓合作關係”，然後單擊“下一步”。

  7. 當 ActiveSync 指示裝置已連線之後，關閉 ActiveSync。（其將在後臺繼續執行。）

  8. 在模擬程式中定位到您的網站。

    注意：

    模擬程式可能無法使用 localhost URL 訪問您的網站專案。如果不能訪問，可以使用 Intranet URL 檢視該網站。

在模擬程式中除錯網頁

當除錯網站時，如果 Visual Studio 無法啟動模擬程式，則可以附加到 ASP.NET 輔助程式來除錯應用程式。

附加到輔助程式來除錯網站應用程式

  1. 在要除錯的程式碼中設定一個斷點。

  2. 編譯應用程式。

  3. 在“工具”選單上選擇“附加到程式”。

  4. 在“可用程式”列表中選擇網站輔助程式（w3wp.exe 或 aspnet_wp.exe）。

  5. 單擊“附加”。

    此時將啟動 Visual Studio 偵錯程式。

  6. 在模擬程式或瀏覽器中定位到網站專案。

    偵錯程式將在第一個斷點處停止。

來自 “ ITPUB部落格 ” ，連結：http://blog.itpub.net/12639172/viewspace-545259/，如需轉載，請註明出處，否則將追究法律責任。

相關文章