如何调试移动网页（1）：使用真机看效果
2018-03-06 本文已影响0人
e93a88ffeabd
前言
随着移动端的发展，近年来网页更多的侧重在了移动端方向。可是，问题也随之而来，尽管在chrome中提供了手机模拟调试的功能，但是毕竟模拟的不能和真机做比较，总会遇到各种各样的差别。那么如何把PC端编写的移动网页放到真机上查看呢？
解决办法
- 在开发PC端网页的时候，我们可以在本地看到效果是因为我们的网页文件在电脑中，当然把网页文件放在手机中也是可以看到效果的，不过这个方法太麻烦
- 还有一种方法就是利用服务器来达到目的，我们可以把网页文件上传到服务器中，这样手机就可以访问服务器的IP地址来看到效果了。但是这样也很麻烦，难道每次都要提交代码到服务器上吗？
- 其实我们可以把电脑当成一个服务器，在电脑上开启服务，让手机访问电脑的IP地址也可以看到效果
php是世界上最好的语言！
做为世界上最好的语言，我们可以搭建一个php环境来开启服务。下载集成环境XAMPP或WampServer。
XAMPP
下面就拿XAMPP来做例子：
-
官网下载完成后开始安装（默认下载的32位的，后来我怎么找也没找到64的，不过32的还是装成功了）
开始安装
-
安装成功后启动服务
启动服务
-
找到安装目录
安装目录
-
随后获取本机IP地址
获取本机IP地址
-
打开浏览器，在地址栏输入本机IP地址查看效果
查看PC效果
-
随后打开手机浏览器，输入相同的IP地址
查看手机效果
