步骤:
- 将页面以 localhost 域名打开
- 将 localhost 替换为电脑本地的IP
- 在手机的浏览器中打开此IP地址(如:http://192.168.2.19/index.html)
步骤一: 用以下任意一种编译器将页面以localhost域名打开
方式 1:webstorm
打开代码页,右上角在浏览器中打开,
默认就是localhost方式
方式 2:vscode
- 安装 Live Server

- 找到页面右键选择
Open with Liver Server打开此页面

方式 3: Sublime: 需要安装 SublimeServer 插件
- 打开sublime,ctrl + shift + p (三键同时按下)
- 输入
install packagecontrol然后回车 - 输入
SublimeServer然后回车,进行下载。 - 找到工具栏中的 Tools,启动 SublimeServer

- 找到页面右键选择
View in SublimeServer打开此页面

以上三种方式都可以,个人推荐
vscode,因为vscode免费,下载也很方便
步骤二:将 localhost 替换为电脑本地的IP
Mac 电脑:
找到 terminal 终端,输入 ifconfig 回车即可找到IP

Windows 电脑:
1.使用Windows+R键打开“运行”窗口,然后输入CMD进入命令提示窗口

2.进入命令窗口之后,输入:ipconfig/all 回车即可看到整个电脑的详细的IP配置信息

注:Windows电脑一定要
关闭防火墙,否则手机端还是访问不了
步骤三:在手机上打开IP网址
这时候在你的手机上输入替换localhost之后的完整地址(如:http://192.168.2.19/index.html)就可以正常查看页面。
注意:一定要确保你的
手机和电脑在同一个局域网内(例如:电脑和手机连接同一个WiFi),否则手机端打不开此页面