HTML5 Mobile Web Development (ii)--Configuring the mobile development environment and simple examples

Source: Internet
Author: User

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

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.