您现在的位置是:休闲 >>正文
本地html文件如何通过url地址访问
休闲97817人已围观
简介```html 本地html文件如何通过url地址访问 body { font-family: system-ui, -apple-system, 'Segoe UI', Roboto, ' ...
本地html文件如何通过url地址访问
你双击一个 .html 文件,浏览器地址栏里显示的文件是 file:///C:/Users/你的名字/Desktop/测试.html。这种地址没法发给别人——对方打开只会看到自己的何通C盘。想让本地HTML文件拥有一个能分享、地址能在手机或另一台电脑上打开的访问URL,得绕点路。本地我折腾过不少次,文件下面这几种方法按折腾程度从低到高排。何通
最省事的地址办法是用Python自带的HTTP服务器。前提是访问你电脑上装了Python(Windows 10/11其实自带一个占位版,但建议去官网装个完整的本地)。打开终端或命令提示符,文件cd到你的何通HTML文件所在的文件夹,然后敲一行:
python -m http.server 8000 回车之后,地址终端会显示 Serving HTTP on 访问0.0.0.0 port 8000。这时候你在浏览器里访问 http://localhost:8000/你的文件名.html,页面就出来了。同一局域网下的手机、平板也能访问,把 localhost 换成你电脑的局域网IP(比如 192.168.1.5)就行。我常用这招给同事临时看个原型页面,缺点是一关终端服务就停了,而且外网访问不了。
如果你想让外网也能访问,但不想买服务器,可以用内网穿透工具。比如 ngrok 或者 localtunnel。拿 ngrok 举例:先启动上面的Python服务器,再开一个终端运行 ngrok http 8000。它会给你一个类似 https://a1b2-203-0-113-5.ngrok-free.app 的地址,把这个地址发给任何人,他们都能打开你本地的HTML文件。免费版每次重启地址会变,但测试演示足够用了。我去年给客户看一个交互demo,就是用ngrok临时生成的链接,省了部署的麻烦。
还有一个更“原生”的方案:把HTML文件放到GitHub Pages上。这不算严格意义上的“本地文件通过URL访问”,但如果你愿意把文件传到GitHub仓库,开启Pages功能后,它会给你一个 https://你的用户名.github.io/仓库名/文件名.html 的永久地址。免费、稳定、支持自定义域名。我自己的几个小工具页面就是这么放的。操作也简单:新建仓库,上传HTML,在Settings里找到Pages,选main分支,保存。等一两分钟就能访问了。
file:// 协议打开HTML,里面用 fetch 或 XMLHttpRequest 加载本地JSON、图片等资源,浏览器会因为CORS策略直接报错。换成 http://localhost 或任何HTTP服务地址就正常了。这个区别我踩过好几次,尤其是做纯前端小项目的时候。 最后提一种最土但偶尔管用的办法:把HTML文件作为附件发到微信文件传输助手,然后在手机微信里点开。微信会调用内置浏览器打开,地址栏里显示的是一串 https://wx.qq.com/... 之类的临时链接。但这种方法没法控制,而且文件大了可能打不开。只适合应急看一眼。
总结一下我的选择逻辑:自己电脑上调试,用 python -m http.server;要临时分享给同一网络的人,还是它;要发给外网的人,加个ngrok;要长期稳定访问,扔到GitHub Pages。别用 file:// 去测需要网络请求的页面,那是自找麻烦。
Tags:
上一篇:怎样浏览移动网屏蔽的网站
下一篇:ai自动去衣
相关文章
虎牙车老板电臀加特林渔网袜
休闲虎牙车老板的直播间里,电臀加特林不是武器,是渔网袜包裹下的胯部机关枪。每小时扫射三千发,弹壳是抖落的金色打赏图标,靶心永远是镜头前那张涂着荧光唇釉的嘴。凌晨两点,她对着摄像头撕开一包辣条,油光蹭在网袜 ...
【休闲】
阅读更多王者荣耀刷点券软件
休闲点开某个短视频评论区,看到“加群领2000点券,秒到账”的留言下面跟了几百条“求拉”。这场景太熟了。每隔一阵子,王者荣耀的玩家社群里就会冒出这类“刷点券”的广告,话术换汤不换药,但总有人信。 我有个表 ...
【休闲】
阅读更多惠嘉p2p骗钱手段
休闲```html 惠嘉p2p骗钱手段 body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, He ...
【休闲】
阅读更多