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

  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

如何用手机访问本地页面?相关推荐

  1. 手机访问本地Tomcat服务器

    关于手机访问本地Tomcat服务器上正在运行的项目 前言 一.第一步打开电脑端口(win10) 二.第二步手机访问Tomcat项目 三.第三步设置电脑固定IP 第一种方式 第二种方式 *重点,装a克斯 ...

  2. 同局域网 手机访问本地服务器

    同局域网 手机访问本地服务器 环境 1 电脑和手机在同一个局域网下 例如同一个wifi 2 我使用的是 wamp 操作 打开cmd窗口, 输入ipconfig,找到 IPv4 地址, 一般是192.1 ...

  3. 手机访问本地局域网内服务器网站

    为了方便自己测试,需要用手机访问本地服务器的网站,经几番折腾,总算是如愿访问上了. 环境:win7 服务类型:iis 步骤一 1.新建网站 2.ip地址配置上当前pc端的IP 3.端口需要用80端口, ...

  4. 如何用手机访问电脑本地webpack打包的项目?

    手机访问电脑本地项目 首先确保手机和电脑在同一个局域网中(例如连接同一个 WiFi ) 一般情况下手机访问电脑的 ip 地址会被防火墙阻挡,所以在防火墙中添加入站规则: 这里我设置项目端口为比较常见的 ...

  5. 如何用手机访问自己的网站

    1.下载nginx 直接百度搜索nginx从官网下载最新版本. 2.将压缩包解压,注意路径不要有中文.解压完毕后运行nginx.exe. 3.在浏览器中访问http://localhost/80,出现 ...

  6. 手机访问本地angular项目

    一.手机和电脑连接同一个wifi 二.电脑上win+R->cmd回车->输入ipconfig查看电脑ip(可能会有好几个ip,一般选择下面这个) 三.启动电脑上的angular项目:ng ...

  7. 如何用手机访问自己电脑?

    最近在开发移动端的东西,今天学会了用手机访问自己电脑,分为以下几步: 1.win+r +enter ,在cmd里面输入ipconfig然后找到自己的ip地址. 2.在自己的手机端浏览器中输入:http ...

  8. 如何用手机访问电脑上的本地服务器?

    前提:手机和电脑连接同一个局域网. 方法:打开手机的热点,电脑端连接手机的热点. 启示来源: https://blog.csdn.net/lrh15980692010/article/details/ ...

  9. 如何用手机访问电脑本地的localhost

    第一步:[非常重要]!!!! 关闭电脑的杀毒软件和防火墙 第二步: 手机和电脑连在同一个局域网内. 例如:连接同一个wifi 第三步: 打开命令行窗口, 输入ipconfig,找到 IPv4 地址 第 ...

最新文章

  1. Vue mixins(混入) 附代码示例详解
  2. 用Django开发Web应用程序异常
  3. php和js操作数据库的区别,PHP基础与JS操作的区别
  4. package.json相关疑惑总结
  5. 【Python系列】之2:列表和元组
  6. 无线接入中的移动技术
  7. 小学数学计算机按键名称,数学计算器
  8. phpMyAdmin安装配置教程
  9. visio绘制网络拓扑图要求_必备!可以电脑在线使用的3款网络拓扑图软件安利
  10. 更新中国地区ip列表
  11. 赖美云的认证照_818吴宣仪赖美云杨超越等《创造101》人气女孩旧照,鉴定是否整容~...
  12. Error inflating class androidx.constraintlayout.widget.ConstraintLayout
  13. 【微信开发第二章】SpringBoot实现微信公众号普通消息和模板消息回复
  14. Sass 3 的环境搭建及开发
  15. Java常用工具类(六):文件、资源、IO流工具类
  16. 参数化扫描——Comsol中的灵敏度分析功能
  17. 队列练习之Example005-Q 是一个队列,S 是一个空栈,实现将队列中的元素逆置的算法
  18. Highcharts使用小心得
  19. 创业失败后的他们,是怎么找工作的?
  20. docker笔记13 - 容器间的单双向通信

热门文章

  1. Wandb:深度神经网络可视化工具介绍及本地部署方式
  2. Python深度学习(4):猫狗分类
  3. 使用 Unicode 数据
  4. ZoteroCNKI抓取不到学位论文的解决办法
  5. android SENSOR_ACCELEROMETER 三轴加速度传感器
  6. c语言程序 蟠桃记,蟠桃记
  7. Arabic(阿拉伯语)显示
  8. JavaSwing_3.2: JScrollPane(滚动面板)
  9. 阿里CDN全网加速配HTTPS(SSL)报错:SSLPub错误,请重新填写
  10. 【寒武纪】视觉算法MLU220硬件适配(1)