宝塔服务器面板,一键全能部署及管理,送你10850元礼包,点我领取

步骤:

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