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

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

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

我的个人博客有空来坐坐

https://www.wangyanan.online

    原文作者:躺在家里不干活
    原文地址: https://blog.csdn.net/weixin_29491885/article/details/108344972
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞