手机端访问本地编写的html页面【亲测有效】

您所在的位置:网站首页 电脑怎么用手机浏览器打开 手机端访问本地编写的html页面【亲测有效】

手机端访问本地编写的html页面【亲测有效】

2024-07-13 12:34| 来源: 网络整理| 查看: 265

一、环境

1. 首先你的手机要和电脑是在同一个局域网,例如手机和电脑连接同一个wifi,此次举例我是笔记本电脑连接我的手机热点,也是同属一个局域网下。

2. 确保电脑上已经安装node.js 

正题开始:

1. cmd 命令行中 安装

cmd 命令行中 安装 npm install http-server -g

2. cmd进入项目盘目录:

 

 

3. 输入http-server指令开启服务,cmd就会提示:

 例如我的,第一个就是你手机可以访问的内网地址,第二个是你电脑的回环地址。

别急啊,现在你的手机还是访问不了。打开你的防火墙设置–高级设置

二、关闭指定端口的防火墙

新建个入站规则: 

 

这里开放和http-server服务里一样的端口,例如我的是8080

 

 

 

名字随便取: 

同样的操作,给出站的创建一个:这样,8080端口就被完全打开了。 打开手机输入上述地址: http://192.168.2.19:8080 链接成功

默认访问的是index.html文件,如果你想访问其他文件,例如css效果测试,应该这样172.20.10.4:8080/css效果测试,就可以访问了。

每次修改完html文件后,手机浏览器页面要刷新一下才会更新哦。

 

 



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3