一、准備
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,在桌面上測試可以節省很多時間）