zoukankan      html  css  js  c++  java
  • 移动端测试之服务器搭建

    移动端测试之服务器搭建

    在做移动端项目时,因谷歌浏览器上的手机虚拟机跟现实中的手机在效果方面总会有一些偏差,因此我们需要开通一个服务器来在真机上测试项目

    方法一:利用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中的网络偏好设置可快速查取
    


    对内贵有志气,对外贵得人心
  • 相关阅读:
    TFS 安装遇到的问题
    批量将MP4 转换为 MP3
    sqlite like 通配符 ,匹配区分大小写(默认不区分大小写)
    AutoCAD 2007-2012 长度统计工具
    python27 ImportError: No module named site
    github push时,要求密码的问题
    sqlserver中自定义计算函数
    关于win10家庭版不能开启虚拟机的问题
    js的MD5实现
    高德各省行政区显示不同区别颜色(转)
  • 原文地址:https://www.cnblogs.com/worldly1013/p/5960572.html
Copyright © 2011-2022 走看看