一、环境

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文件后，手机浏览器页面要刷新一下才会更新哦。

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

js简单判断页面是否为手机端访问
js判断页面是否为手机端访问 var ua = navigator.userAgent; var ipad = ua.match(/(iPad).*OS\s([\d_]+)/), isIpho ...
手机端访问网页自动跳转至广告页面解决办法
手机端访问网页自动跳转到垃圾界面的解决办法这几天用手机访问网页频频出现弹出垃圾界面和广告的情况,令人愤怒不已,由于界面过于恶心,这里就不展示了- 今天就是总结一下怎么屏蔽这些广告界面和错误界面 HT ...
vue 限制手机端访问
vue 限制手机端访问 APP.vue页面 mounted() {var str = navigator.userAgentvar ipad = str.match(/(iPad).*OS\s([\d ...
TP3.2.x判断手机端访问并设置默认访问模块的方法 - ThinkPHP框架
手机端访问时调用Wap手机模块,实现在手机端访问时展示出手机网站,无需跳转域名首先我们在./Application/Common/Conf/ 目录下建立两个公共配置文件:config.php 和co ...
手机端访问PC端网站判断识别跳转至手机端页面代码集锦
一个网站,当访客在手机端上访问的时候,最终落地的应该是手机端的页面.如果网站采用的是响应式框架做了自适应,那么体验是OK的:但是如果网站不是用响应式,而是PC和手机端分离开来,那么访客使用移动设备访问 ...
html页面判断是手机端访问,JS 判断手机端和pc端后跳转对应页面
判断手机端和pc端 (function () { var sUserAgent = navigator.userAgent; if (sUserAgent.indexOf('Android') > ...
EasyDSS高性能流媒体服务器前端重构(六)- webpack-dev-server 支持手机端访问
很多时候,前端开发的页面,不仅要在PC端测试效果, 还要在手机端测试效果. 在开发阶段, 我们以 webpack-dev-server 来启动浏览器, 打开正在开发的页面. webpack-dev-s ...
js判断是不是手机端访问网页，兼容iphone版本的UC浏览器
网上有很多代码在苹果手机的UC浏览器上是识别不出是手机端的,我测试过很多代码,最终得到下面最可行的: <script type="text/javascript">// ...
手机端访问同一局域网电脑端项目
1.让手机和电脑处于同一个局域网 1. 首先将电脑连接的宽带(有线连接)断开,连接无线网(WIFI,HIFI等): 2.例如,电脑连接的无线网网名是top05 3.那么手机也应该连接的无线网也是to ...
安卓手机端网页，开启输入法时页面内容被压缩的解决方法
在安卓手机端的网页中,打开输入框会使页面的整体内容压缩(可能因为我使用了百分比的布局) 而在iphone浏览网页时则不会出现这种问题. 对于这种情况需要添加部分js代码来防止页面的压缩. var h1 ...

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

一、环境

正题开始：

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

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

最新文章

热门文章