標籤：
一、準備
1.配置本網服務。對於Windows、Mac和Linux，最容易的方法是使用免費的XAMPP軟體：http://www.apachefriends.org/en/index.html
XAMPP下載：http://pan.baidu.com/s/1nt2APCH 提取碼：94ui
XAMPP安裝和配置：http://jingyan.baidu.com/article/48a42057bda4d0a9242504b8.html
XAMPP使用教程：http://wenku.baidu.com/link?url=XZUnoux92TbXzs96DrKMzQwY87mnA4HS9kfJipxlsHDmQy5ZCHnXPeldDs41ShB8YlJs4m0fD6E_rb4Vc31NPHAsjCFoTx93L09WeZyfn8W
你的網站的根目錄為xampp目錄下的htdocs檔案夾。你可以在htdocs目錄下建立任意一個網站。例如將test.html放在\xampp\htdocs\new路徑下，你就可以在瀏覽器的地址欄中輸入localhost/new/test.html來訪問這個檔案。
2.確認你有無線網路。
3.同時你需要一個行動裝置，或者是行動裝置的模擬器、模擬器。
4.確保你的裝置和電腦在同一個無線網路中。
二、實踐
1.在你的本機伺服器根目錄中建立一個HTML檔案並命名為ch01e1.html，在其中輸入如下代碼：
<html> <head> <meta name="viewport" content="width=device-width,initial-scale=1.0"> </head> <body> <header> Main navigation here </header> body content here. <footer> Footer links here </footer> </body></html>
2.擷取你的IP地址，把它輸入到行動瀏覽器的URL地址欄，然後你就可以看見頁面載入成功並且顯示的文字。
同一個區域網路中，你的行動裝置可以通過IP地址以訪問案頭電腦作為主機的伺服器。
使用案頭版Safari測試（如果你的主要使用者使用iPhone和移動版Safari,在案頭上測試可以節省很多時間）
HTML5移動Web開發（二）——配置移動開發環境以及簡單樣本
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
