真机测试本地移动端页面

要在真机上测试本地页面，我所介绍的方法都基于条件2个：

    1、真机和PC端都是在同一个局域网内。

    2、要输入本地的IP地址才能访问（命令行中输入ipconfig查看    IPv4 地址 . . . . . . . . . . . . : 192.168.x.xx）

方法一：使用phpstudy

使用phpstudy的方法自行百度（挺简单的），建议安装的时候不要安到C盘。

通过phpstudy访问的页面，都是自己设置好的域名访问。比如  ，如果要在真机测试就要用本地的IP地址访问192.168.x.xx/index.html   （index.html可以不写，默认打开的是index.html）。因为使用本地地址192.168.x.xx访问的是phpstudy的默认的根目录，这样就访问不到你自己的项目了。所以接下来就是改phpstudy的根目录为你自己的项目所在的文件夹。

步骤：

默认你在安装phpstudy 的时候就会让你选一个phpstudy 网站 www的路径  但是如果你要换个路径  就安装下面图片流程走

如果你http://localhost/  访问不了原来的配置文件  就是证明 你少把原来目录下的phpinfo.php、 l.php、  phpMyAdmin文件拷过去新目录  对了 配置完 记得重启phpstudy

如图所示将根目录换成你项目的地址（或者你把你的项目粘贴到phpstudy默认的根目录下，这样就不用改根目录）。这样通过本地地址192.168.x.xx就能访问到你项目了。

出现，说明你的项目地址文件夹下没有index.html/index.php（默认打开是index.html或者index.php），这时候你就可以手动定位到要打开的文件，比如：192.168.x.xx/a/about.html   就能打开about.html文件了。接下来粘贴192.168.x.xx/a/about.html这个地址，并使用草料二维码生成器生成一个二维码（手动在真机上输入地址也可以，除非地址很简短），再用真机扫描即可在真机上查看本地页面。

方法二：使用HBuilder编辑器

这个就简单了

工具---》选项---》然后用浏览器打开

自动生成地址http://192.168.x.xx:8020/HelloHBuilder/index.html?__hbt=1509113592445，将这个地址粘贴，并使用草料二维码生成器生成一个二维码（手动在真机上输入地址也可以，除非地址很简短），再用真机扫描即可在真机上查看本地页面。

方法三：使用XAMPP

将你的项目放到xampp的根目录下，通过地址IP地址访问你的项目（一般都是通过127.0.0.1访问你的项目，而这里要通过本地IP地址），比如：127.0.0.1/a/about.html  改成192.168.x.xx/a/about.html这个地址去访问，然后将这个地址粘贴，并使用草料二维码生成器生成一个二维码（手动在真机上输入地址也可以，除非地址很简短），再用真机扫描即可在真机上查看本地页面。

方法四：针对使用vue-cli搭建的项目

通过npm run dev打开的项目地址假设为http://localhost:8080/#/goods，这时候将localhost改为本地ip地址192.168.x.xx，最后的地址就是http://192.168.x.xx:8080/#/goods  然后将这个地址粘贴，并使用草料二维码生成器生成一个二维码（手动在真机上输入地址也可以，除非地址很简短），再用真机扫描即可在真机上查看本地页面。

其他的方法都是依据1、真机和PC端都是在同一个局域网内。2、要输入本地的IP地址才能访问。这两条