如何利用XAMPP在手机上查看PC端代码

这是百度一面的第一个问题,如何用手机查看PC端网页效果?

嗯,不会的我只能回家学了一下,下面分享一下我们到底该怎么去做?

1、首先我们使用的是XAMPP,那么一定先要下载一下这个东西了,下载链接:

http://xiazai.sogou.com/detail/34/16/5119013286082291255.html?e=1970

2、安装--安装就一路next就ok

3、启动

①界面

如何利用XAMPP在手机上查看PC端代码

②点击Apache后Start按钮

4、将需要查看的界面放入指定文件夹中(XAMPP目录htdocs文件夹中)

如何利用XAMPP在手机上查看PC端代码

5、可以在htdocs文件夹中新建文件夹,把要查看的页面放入其中

如何利用XAMPP在手机上查看PC端代码

如何利用XAMPP在手机上查看PC端代码

6、这个时候就可以在PC端查看代码了,在浏览器地址栏输入localhost/+'路径'

如何利用XAMPP在手机上查看PC端代码

7、到了该用手机查看手机查看页面的时候了(手动斜眼笑)

注意,手机和电脑要在同一局域网下!!!!!

②查看电脑的IP地址,两种办法:

A、WIN+R调出cmd,输入ipconfig,点击回车,选择IPV4地址

如何利用XAMPP在手机上查看PC端代码

B、进入网络状态界面,点击详细信息,选择IPV4地址

如何利用XAMPP在手机上查看PC端代码如何利用XAMPP在手机上查看PC端代码

③在手机浏览器地址栏,输入地址,其实就是把在PC端的地址中localhost换成电脑的IP地址,然后访问

如何利用XAMPP在手机上查看PC端代码

8、大功告成,如果想要关闭,那就直接关闭服务就好了,将Start状态改为Stop。