需要将你本地的页面用localhost域名打开,并且确保你的手机和电脑在同一个局域网内(例如:电脑和手机连接同一个WiFi)

1. 用localhost域名打开需要以下任意一种编译器

  1. webstorm: 右上角在浏览器中打开,默认就是localhost方式
  2. vscode: 需要安装 Live Server

如何用手机访问电脑本地页面?

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

如何用手机访问电脑本地页面?

  1. sublime: 需要安装 SublimeServer 插件
    (1). 打开sublime,ctrl + shift + p
    (2). install packagecontrol 然后回车
    (3). 输入 SublimeServer 然后回车,进行下载。
    (4). 找到工具栏中的 Tools,启动 SublimeServer

如何用手机访问电脑本地页面?
(5). 找到页面右键选择 View in SublimeServer 打开此页面

如何用手机访问电脑本地页面?

2.将 localhost 替换为电脑本地的IP

Mac 电脑:

找到 terminal 终端,输入 ifconfig 回车即可找到IP
如何用手机访问电脑本地页面?

Windows 电脑:

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

如何用手机访问电脑本地页面?

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

如何用手机访问电脑本地页面?

注:Windows电脑一定要关闭防火墙,否则手机端还是访问不了

3.在手机上打开IP网址

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

我的个人博客有空来坐坐

https://www.wangyanan.online

相关文章: