First, prepare
1. Configure the local network service. For Windows,Mac , and Linux, the easiest way is to use the free XAMPP Software: http://www.apachefriends.org/en/index.html
XAMPP Download: Http://pan.baidu.com/s/1nt2APCH Extract Code: 94ui
XAMPP installation and configuration: http://jingyan.baidu.com/article/48a42057bda4d0a9242504b8.html
xampp Using Tutorials: http://wenku.baidu.com/link?url= xzunoux92tbxzs96drkmzqwy87mna4hs9kfjipxlshdmqy5zchnxpeldds41shb8yljs4m0fd6e_rb4vc31nphasjcfotx93l09wezyfn8w
Your site's root directory is the Htdocs folder under the Xampp directory. You can create any site in the Htdocs directory. For example, by placing test.html in the \xampp\htdocs\new path, you can access the file by entering localhost/new/test.html in the address bar of the browser.
2. Make sure you have a wireless network.
3. at the same time you need a mobile device, or a mobile device Emulator, simulator.
4. Make sure your device and computer are in the same wireless network.
Second, practice
1. Create an HTML file in your local server root directory and name it ch01e1.html, where you enter the following code:
<HTML> <Head> <Metaname= "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. Get your IP address, enter it into the mobile browser's URL Address bar, then you can see the page loaded into work and display the text.
On the same LAN, your mobile device can access the desktop computer as a host server via an IP address.
Use the desktop version of Safari Test (if your primary user is using IPhone and mobile version Safari, test on the desktop to save a lot of time)
HTML5 Mobile Web Development (ii)--Configuring the mobile development environment and simple examples