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

步骤：

  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），否则手机端打不开此页面

posted @ 2020-10-11 11:59  我自是年少  阅读(4085)  评论(0)    收藏  举报