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

时间:2024-02-22 19:50:17

步骤:

  1. 将页面以 localhost 域名打开
  2. 将 localhost 替换为电脑本地的IP
  3. 在手机的浏览器中打开此IP地址(如:http://192.168.2.19/index.html

步骤一: 用以下任意一种编译器将页面以localhost域名打开

方式 1:webstorm

打开代码页,右上角在浏览器中打开,默认就是localhost方式

方式 2:vscode

  1. 安装 Live Server

在这里插入图片描述

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

在这里插入图片描述

方式 3: Sublime: 需要安装 SublimeServer 插件

  1. 打开sublime,ctrl + shift + p (三键同时按下)
  2. 输入 install packagecontrol 然后回车
  3. 输入 SublimeServer 然后回车,进行下载。
  4. 找到工具栏中的 Tools,启动 SublimeServer

在这里插入图片描述

  1. 找到页面右键选择 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),否则手机端打不开此页面