手机端测试html页面

mac上调试手机端，大致分为三种方法。前两种方法虽然使用mac系统，但是windows上操作是基本一样的。

1、利用Hbuilder（mac，windows）

首先打开Hbuilder，如图：

打开web服务器，然后如图显示，初始都是设置的默认的内置web服务器，

然后点击右下角的外置web服务器设置，然后点击新建，写个名字，url中写本机的ip地址，必须是本机的，这里的ip我是胡编的。如http://192.168.2.6:8020

后边的端口号可以自行调整，就写这个也没什么问题。其他参数不用管，点击确定，发现服务器就添加上了。

然后回到web服务器设置的第一界面，将前三个HTML类文件，PHP类文件，RHTML类文件项选择为自己配置的外置服务器即可。然后，直接运行即可，把浏览器中的网址发给手机浏览器打开，即可显示页面。

注意：手机和电脑必须在同一wifi下。

2、使用visual code的live-server扩展（mac，windows）

使用过visual code的同学，肯定使用过live-server把。它默认是127.0.0.1，而这个ip不能联合手机使用。首先打开设置，在上方搜索安装好的live-server插件，输入liveserver就会出来。然后设置上你的计算机的ip地址。

再打开go-live时，发现网页ip地址不再是127.0.0.1，然后网址在手机浏览器上打开，就可以显示了。

注意：手机和电脑必须在同一wifi下。

3、使用phpstudy（windows下）

下载phpstudy后，直接设置端口参数，把路径设置成你的项目路径。然后点击启动，即可在手机端打开对应的网址。

注意：手机和电脑必须在同一wifi下。