先去XAMPP官网下载适合自己的XAMPP版本,支持Mac、Windows、Linux。
自行百度XAMPP,到官网下载即可,链接贴不上来。
下载完成后,双击安装XAMPP到PC上,一路next即可,不懂英文也没事。
安装过程中,有一个路径的选择,建议把XAMPP的根目录,定义到D盘或者E盘等,默认是C盘的根目标下。
安装完成后,打开XAMPP,有一个Apache的功能,后面会有一个start,点击start等待3~5秒后即可,其他功能不需开启。
然后将在PC上制作的html5或手机页面文件夹,放到XAMPP文件夹中的htdocs文件夹中。
查看本机的局域网IP地址,如:192.168.1.100,然后手机连接到与PC同一个路由器中,在手机的浏览器中打开 IP/example(您的项目目录)/index.html 即可进行调试。
使用完毕,直接点XAMPP控制台中的Stop,关闭Apache服务即可。
使用浏览器可以进行手机效果测试:
现在各大浏览器都有这种功能了, 谷歌、QQ、360搜狐等;
首先打开网页,点击右键列表里会有“审查元素”,再点击手机那个按钮,就可以调整屏幕宽度查看手机效果。