网站首页 » 前端开发 » 前端工具 » WAMP SERVER 环境下,手机端访问电脑本地站点(localhost)
上一篇:
下一篇:

WAMP SERVER 环境下,手机端访问电脑本地站点(localhost)

前言

移动开发盛行,移动端页面调度就显示极其重要。很多东西只有在真机下才能看到最终效果。于是我们就需要通过手机端来访问电脑中的站点来进行调试,包括但不限于样式调整。下面就分享一个移动端套装。不能说是最好的,但至少是够用。本文主要分享的东西是通过手机端访问页面,从而达到提高开发效率的目的。

准备

要想使用这个功能来提高工具效率的,我们必需先安装两个软件:Wamp Server 和 360 手机助手(用于演示)。

至于上面两个软件的下载及安装可以自行解决。这里有个传送门:wamp server多站点配置不加localhost

这里觉得不够你可以访问这个搜索URL :http://yunkus.com/?s=Wamp+Server

360 手机助手下载安装:http://sj.360.cn/index.html

上面两个东西安装好,你只需要稍作配置就可以实现你想要的功能了:

配置

按如下几步完成即可:

1、修改 http.conf

查找Include conf/extra/httpd-vhosts.conf 去掉前面的 # 号(用于多站点配置)。

2、修改 httpd-vhosts.conf

在 httpd-vhosts.conf  中添加访问信息

代码如下:
<VirtualHost *:80>
DocumentRoot "D:/Program Files (x86)/wamp/www/yunkusdir"
ServerName 192.168.2.105
</VirtualHost>

:80 端口号。DocumentRoot:站点根目录。ServerName 访问地址。

3、修改 host 文件

添加如下代码:
127.0.0.1       192.168.2.105

192.168.2.105 为电脑 IP 地址,你可以通过 在 Win+R 快捷键唤出运行,打开中输入“cmd”。然后在窗口中输入“ipconfig” 命令行查询电脑 IP 。修改 host 文件时可能会存在权限问题,这个你可以自己设置下,具体方法可以看上面贴出的链接。

4、设置 Put online

点击桌面右下角 SWAMP SERVER 小图标,菜单最后一个就是,点击切换到 Put online 模式就可以,需要设置这里是因为我们是通过其它机器访问本地站点,如不设置,则无法访问!

5、重启 SWAMP SERVER

这是最简单,重不可忽略的一步,让得重启 Swamp server 服务。这一步可以做可以不做,因为你设置了第四项后 SWAMP SERVER 就会重新重启了。

  • 微信扫一扫,赏我

  • 支付宝扫一扫,赏我

声明

原创文章,不经本站同意,不得以任何形式转载,如有不便,请多多包涵!

本文永久链接:http://yunkus.com/mobile-visit-website-on-computer-wamp-environment/

发表评论

电子邮件地址不会被公开。 必填项已用*标注

评论 END