移动端测试之服务器搭建
在做移动端项目时,因谷歌浏览器上的手机虚拟机跟现实中的手机在效果方面总会有一些偏差,因此我们需要开通一个服务器来在真机上测试项目
方法一:利用windows系统自带的IIS搭建本地服务器
原理:把自己的电脑当做一台小型服务器,把自己本地要测试的项目加到服务器中,让测试的手机和自己电脑处于同一个局域网环境之下,从而让手机访问本地开发的项目
1)让手机和电脑处于在同一个局域网环境下
2)搭建本地服务器
1.安装IIS
window7系统打开控制面板 ----- 程序和功能 ---- 打开或关闭window功能 ---- Internet信息服务(不需要展开,直接把前面的框选中即可)---- 安装完毕 ---- 控制面板 ---- 管理工具 ---- 查看是否有“Internet信息服务(IIS)管理工具”
2.搭建项目
点击“网站” ---- 右键“新建网站” ---- 确定 ----- 点击“默认文档” ---- 加入入口文件如:index.html
3.关掉windows防火墙
控制面板 ---- windows防火墙 ---- 点击“打开或关闭windows防火墙”
4.用手机浏览器访问电脑的IP即可看到页面效果
方法二:利用mac系统自带的 apache2搭建本地服务器
1.找到mac系统自带的apache2服务器所在位置
打开 Finder > 前往 > 前往文件夹 > 输入 “/ etc / " 即来到apache服务器放在的位置 , 如下:
2.部署文件
部署文件放在apache的默认目录 “/资源库/WebServer/Documents/” 下面,当然了,如果你嫌麻烦,也可以自己重新更改部署文件的位置
3.更改部署文件的位置
找到apache服务器文件下的httpd.conf文件,修改该配置文件可以实现你所想要的更改部署文件位置,修改端口号(默认为80端口)等
找到httpd.conf文件后,打开找到 DocumentRoot , 然后修改为你想要放置的地址
4.更改默认端口号
因默认的端口号为80端口,有时端口被占用,则需要更改端口号,找到httpd.conf文件里 Listen 80 那一行 , 改为你需要的端口号
5.开启服务器
启用apache的命令: sudo apachectl start/restart
关闭apache的命令: sudo apachectl stop
然后在浏览器中输入localhost或者127.0.0.1,如果看到“It works!”的提示,则表示apache服务器启动成功了,若没成功,则去查看日志,找到出错的原因
用真机测试时换成自己电脑的ip地址访问即可,mac ip地址通过打开wife中的网络偏好设置可快速查取