不懂技术系列--如何快速调试html5页面/手机页面

很多前端开发，在做手机端的页面/html5页面的时候，PC端开发完成后，想在手机端测试开发的页面效果，特效等，还需要去找后台技术帮忙，很是麻烦，网上也有很多教程使用很多工具来实现，如Chrome、UC开发版、Opera浏览器等等，但是手机端的触摸、多点触控、长按等无法测试，那么下面告诉大家如何使用真实的手机，快速调试手机页面/html5页面。不懂技术也可以！

工具/原料

• PC一台、手机一部
• XAMPP软件

方法/步骤

1. 先去XAMPP官网下载适合自己的XAMPP版本，支持Mac、Windows、Linux。

   自行百度XAMPP，到官网下载即可，链接贴不上来。

2. 下载完成后，双击安装XAMPP到PC上，一路next即可，不懂英文也没事。

   安装过程中，有一个路径的选择，建议把XAMPP的根目录，定义到D盘或者E盘等，默认是C盘的根目标下。

3. 安装完成后，打开XAMPP，有一个Apache的功能，后面会有一个start，点击start等待3~5秒后即可，其他功能不需开启。

4. 然后将在PC上制作的html5或手机页面文件夹，放到XAMPP文件夹中的htdocs文件夹中。

5. 5

   查看本机的局域网IP地址，如：192.168.1.100，然后手机连接到与PC同一个路由器中，在手机的浏览器中打开 IP/example(您的项目目录)/index.html 即可进行调试。

6. 6

   使用完毕，直接点XAMPP控制台中的Stop，关闭Apache服务即可。