如何用手机访问本地页面?
如何用手机访问电脑本地页面?
- 将页面以 localhost 域名打开
- 将 localhost 替换为电脑本地的IP
- 在手机的浏览器中打开此IP地址(如:http://192.168.2.19/index.html)
步骤一: 用以下任意一种编译器将页面以localhost域名打开
方式 1:webstorm
打开代码页,右上角在浏览器中打开,
默认
就是localhost方式
方式 2:vscode
- 安装 Live Server
- 找到页面右键选择
Open with Liver Server
打开此页面
方式 3: Sublime: 需要安装 SublimeServer 插件
- 打开sublime,ctrl + shift + p (三键同时按下)
- 输入
install packagecontrol
然后回车 - 输入
SublimeServer
然后回车,进行下载。 - 找到工具栏中的 Tools,启动 SublimeServer
- 找到页面右键选择
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
如何用手机访问本地页面?相关推荐
- 手机访问本地Tomcat服务器
关于手机访问本地Tomcat服务器上正在运行的项目 前言 一.第一步打开电脑端口(win10) 二.第二步手机访问Tomcat项目 三.第三步设置电脑固定IP 第一种方式 第二种方式 *重点,装a克斯 ...
- 同局域网 手机访问本地服务器
同局域网 手机访问本地服务器 环境 1 电脑和手机在同一个局域网下 例如同一个wifi 2 我使用的是 wamp 操作 打开cmd窗口, 输入ipconfig,找到 IPv4 地址, 一般是192.1 ...
- 手机访问本地局域网内服务器网站
为了方便自己测试,需要用手机访问本地服务器的网站,经几番折腾,总算是如愿访问上了. 环境:win7 服务类型:iis 步骤一 1.新建网站 2.ip地址配置上当前pc端的IP 3.端口需要用80端口, ...
- 如何用手机访问电脑本地webpack打包的项目?
手机访问电脑本地项目 首先确保手机和电脑在同一个局域网中(例如连接同一个 WiFi ) 一般情况下手机访问电脑的 ip 地址会被防火墙阻挡,所以在防火墙中添加入站规则: 这里我设置项目端口为比较常见的 ...
- 如何用手机访问自己的网站
1.下载nginx 直接百度搜索nginx从官网下载最新版本. 2.将压缩包解压,注意路径不要有中文.解压完毕后运行nginx.exe. 3.在浏览器中访问http://localhost/80,出现 ...
- 手机访问本地angular项目
一.手机和电脑连接同一个wifi 二.电脑上win+R->cmd回车->输入ipconfig查看电脑ip(可能会有好几个ip,一般选择下面这个) 三.启动电脑上的angular项目:ng ...
- 如何用手机访问自己电脑?
最近在开发移动端的东西,今天学会了用手机访问自己电脑,分为以下几步: 1.win+r +enter ,在cmd里面输入ipconfig然后找到自己的ip地址. 2.在自己的手机端浏览器中输入:http ...
- 如何用手机访问电脑上的本地服务器?
前提:手机和电脑连接同一个局域网. 方法:打开手机的热点,电脑端连接手机的热点. 启示来源: https://blog.csdn.net/lrh15980692010/article/details/ ...
- 如何用手机访问电脑本地的localhost
第一步:[非常重要]!!!! 关闭电脑的杀毒软件和防火墙 第二步: 手机和电脑连在同一个局域网内. 例如:连接同一个wifi 第三步: 打开命令行窗口, 输入ipconfig,找到 IPv4 地址 第 ...
最新文章
- Vue mixins(混入) 附代码示例详解
- 用Django开发Web应用程序异常
- php和js操作数据库的区别,PHP基础与JS操作的区别
- package.json相关疑惑总结
- 【Python系列】之2:列表和元组
- 无线接入中的移动技术
- 小学数学计算机按键名称,数学计算器
- phpMyAdmin安装配置教程
- visio绘制网络拓扑图要求_必备!可以电脑在线使用的3款网络拓扑图软件安利
- 更新中国地区ip列表
- 赖美云的认证照_818吴宣仪赖美云杨超越等《创造101》人气女孩旧照,鉴定是否整容~...
- Error inflating class androidx.constraintlayout.widget.ConstraintLayout
- 【微信开发第二章】SpringBoot实现微信公众号普通消息和模板消息回复
- Sass 3 的环境搭建及开发
- Java常用工具类(六):文件、资源、IO流工具类
- 参数化扫描——Comsol中的灵敏度分析功能
- 队列练习之Example005-Q 是一个队列,S 是一个空栈,实现将队列中的元素逆置的算法
- Highcharts使用小心得
- 创业失败后的他们,是怎么找工作的?
- docker笔记13 - 容器间的单双向通信