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

这篇具有很好参考价值的文章主要介绍了手机端访问本地编写的html页面【亲测有效】。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一、环境

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

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

正题开始:

1. cmd 命令行中 安装

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

2. cmd进入项目盘目录:

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

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

 文章来源地址https://www.toymoban.com/news/detail-488804.html

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

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

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

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

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

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

新建个入站规则: 

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

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

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

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

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

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

名字随便取:
手机端访问本地编写的html页面【亲测有效】 

同样的操作,给出站的创建一个:
手机端访问本地编写的html页面【亲测有效】
这样,8080端口就被完全打开了。 打开手机输入上述地址: http://192.168.2.19:8080 链接成功

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

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

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

 

 

到了这里,关于手机端访问本地编写的html页面【亲测有效】的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 苹果手机信号差怎么办?解决手机信号差,这些方法亲测有效

    在使用苹果手机时,偶尔会遇到信号差的情况。这种情况可能会影响小伙伴的通讯和上网体验,让人感到非常困扰。那么苹果手机信号差怎么办呢?本文将为大家介绍一些实用的解决方法。   苹果手机支持4G、3G、2G等多种网络模式。当小伙伴不知道苹果手机信号差怎么办时,

    2024年02月09日
    浏览(46)
  • 【亲测有效】iPhone实现定时关机、开机 - 远离手机 准时睡觉

    一到晚上11点,准时锁定所有应用!配合密码,今晚别想玩手机了! 首先,iphone、ios自身不支持定时开机关机,第三方APP也没有解决办法! 但是,苹果手机有一个功能叫“访问时间” 如下图,进入设置 “屏幕使用时间” “为屏幕使用时间设置密码” “停用时间” 开启“定

    2024年02月04日
    浏览(117)
  • 苹果手机怎么设置闹钟铃声?更改为歌曲铃声,亲测有效

    很不是有很多小伙伴每天早上都被苹果手机刺耳的“雷达”闹钟铃声给吵醒呢?想要更换一个舒缓的闹钟铃声,却发现自己鼓捣半天却无法更换喜欢的歌曲闹钟铃声。 苹果手机怎么设置闹钟铃声? 下面小编就来分享如何将苹果手机的闹钟铃声设置成歌曲铃声,一起来看看吧

    2024年02月09日
    浏览(43)
  • 微信小程序生成页面分享二维码(代码亲测有效)

    说明: 获取不限制的小程序码 | 微信开放文档 以上是官网链接,可以自行查看 不懂的可以留言告诉我

    2024年02月11日
    浏览(59)
  • 分享:华为手机傻瓜式安装GooglePlay商店的方法(小白教程、亲测有效)

    华为手机,遥遥领先! 最近入手了一台华为nova11,系统是鸿蒙3.0,已经完全没有预置谷歌框架了,但由于习惯,还是想使用谷歌商店下载APP使用,经过翻阅资料和摸索,成功安装上谷歌框架和谷歌商店。安装的方法有好几种,只介绍最方便、最傻瓜式的方法,也适用于所有安

    2024年02月08日
    浏览(40)
  • 苹果手机备忘录密码忘记了怎么办?快速解锁,亲测有效

    很多小伙伴喜欢使用苹果手机的备忘录来记录重要的事情,并且还会给备忘录设置密码。可是使用的时间长了,就忘记了自己备忘录密码了。苹果手机备忘录密码忘记了怎么办?别担心,今天小编分享一个亲测有效的方法,快来看看吧。   很多小伙伴私信小编,表示自己苹果

    2024年02月09日
    浏览(71)
  • 如何恢复红米手机删除的照片/文件?(亲测有效的6 种方式)

    凭借出色的相机和实惠的价格,小米红米系列已成为全球知名品牌。但是,最近有人抱怨说他们的红米手机丢失了很多珍贵的照片或视频,希望知道如何从小米手机中恢复已删除的照片/文件。好吧,在小米设备上恢复已删除的视频/照片/文件并不难。只需阅读本指南,即可获

    2024年02月04日
    浏览(47)
  • Syncthing - 本地与服务器实时同步文件使用方法(详解,亲测有效)

    官网:https://syncthing.net/downloads/ ​ 下载解压后双击syncthing.exe即可启动,访问127.0.0.1:8384出现以下界面 ​ 1.CentOs安装Syncthing命令 2.启动syncthing命令(我们需要先运行一次让Syncthing自动生成初始配置文件,上面已经加入环境变量,直接输入 syncthing 即可运行) 上一个步骤输入

    2024年02月04日
    浏览(45)
  • uniapp小程序自定义签名面板组件,小程序页面引用实现横屏签字(亲测有效)

    需求: uniapp小程序自定义签字面板组件, canvas手写签名画板, 小程序页面引用实现横屏签字 实现效果: 在项目中创建components文件夹, 在文件夹下创建my-sign组件, 组件下创建my-sign.vue和index.js my-sign.vue组件代码: index.js代码: 在pages.json中添加\\\"pageOrientation\\\": “landscape”, pageOrientation 设

    2024年02月05日
    浏览(45)
  • netty/websocket服务器配置阿里云SSL证书安全访问配置,亲测有效

    背景:java 微服务包括https访问和websocket访问,当https接口访问ws请求时报错,因为https能访问wss。 申请阿里云免费证书后,搜索各种教程比如nginx配置方式、netty访问证书等。走了不少弯路,终于走通一种。 关键点:1、因为使用了netty,nginx配置wss的方式没有走通。需要将证书放

    2024年02月01日
    浏览(41)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包