步骤:
- 将页面以 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),否则手机端打不开此页面