[前端] 能过本地IP测试手机页面

很多前端做手机页面都有类似的困扰，就是测试起来特别麻烦

开始的时候都是数据线连接手机到电脑，安装个手机助手，然后把项目考到手机本地存储里，再从手机打开查看，虽然有点麻烦，但还在android机上还能用，iphone机就不行了，不知道把文件放哪里。。这就很蛋疼。。

下面用另一种方式来解决这个问题，那就是访问本机ip来查看文件

访问本机IP查看本机项目文件

1、搭建个本地服务器 可以下载 wamp5  wampserver phpstudy等都可以，安装完成后运行，这里以wampserver为例

2、window+r 打开运行窗口，输入cmd进入 dos控制面板 输入ipchonfig 查看本机ip

3、打开apache的配置文件 httpd.conf

搜索 </Directory> 

找到的两处，第一处改成：

<Directory />  Options FollowSymLinks
    AllowOverride None
    Order deny,allow
    Allow from all
</Directory>

第二处改成：

<Directory "e:/wamp/www/"> # # Possible values for the Options directive are "None", "All", # or any combination of: # Indexes Includes FollowSymLinks SymLinksifOwnerMatch ExecCGI MultiViews # # Note that "MultiViews" must be named *explicitly* --- "Options All" # doesn't give it to you. # # The Options directive is both complicated and important. Please see # http://httpd.apache.org/docs/2.2/mod/core.html#options # for more information. # Options Indexes FollowSymLinks

    #  # AllowOverride controls what directives may be placed in .htaccess files.  # It can be "All", "None", or any combination of the keywords:  # Options FileInfo AuthConfig Limit  #  AllowOverride all

    #  # Controls who can get stuff from this server.  #  # onlineoffline tag - don't remove  Order Deny,Allow
    Allow from all
    Allow from all
</Directory>

上面配置改好后，重启服务

4、关闭window防火墙

然后关闭防火墙服务

完了以后，就可以访问ip就可以访问了。。

在手机上访问192.168.1.104这个ip 需要你公司的或你家里的wifi连接，确定你本机的ip在这个wifi这个ip段。。

如果你用360浏览器打开的话，那个在网址后面有个二维码，扫二维码也可以访问。。。

谢谢关注~