浏览器在线预览html文件或代码效果方案

请问,有什么方法或工具可以 在线预览html文件或html代码效果 吗?

在线预览html文件:
1、html文件私有化保存(保存在网盘 / github私人库 /gitee私人库)
2、开启授权,可以直接通过网盘链接/gitub链接/gitee链接 预览

在线渲染html代码效果:打开html代码文件,可以直接渲染效果,而不是显示代码

已尝试方案:
1、GitHub & BitBucket HTML Preview(在线网址预览github文件效果):必须公开才可以,不可以私有化,速度较慢
1、github html preview插件:私有化仓库授权方式,本质和1是一样的。速度较慢,需要反复填写token授权码,预览成功率不高
2、vscode web端连接github仓库,通过vscode插件预览:web端的vscode预览插件不可以使用

如果这样可以,那别人可以用网盘建网站了,还租什么服务器,域名备什么案?

其实HTML预览很大的问题是政策问题,万一用户传了不和谐的东西就麻烦了,就连对象存储都不支持预览HTML了,自己用的话还是自建个站实用,毕竟数据可控

试试 Netlify 这样的 jamstack 服务。

如果只是在线学习和测试html,菜鸟教程的官网有个工具

1 Like

如果是单个html文件的话,前端用iframe加载就可以了,这里边比较复杂的部分还是如何通过鉴权拿到文件

webdav

常见的 dufs, rclone 等服务都可以

1 Like

感谢大家的回答,提问中的html文件主要是网页存档,因为不想每次换电脑都克隆到本地,所以提出了这个求助。
最后决定使用第三方工具GitPod来实现私有github仓库中html文件的在线预览(可实现文件私有化 + 开启授权),主要步骤如下:
1、个人项目页面URL前添加”gitpod.io# ",然后按下回车键,使用GitPod打开项目
2、使用github账号授权GitPod访问私有仓库
3、GitPod中安装扩展Live Server
4、开启Live Server,即可纯浏览器查看html文件
以上方案完全不涉及本地,可结合Smart TOC插件在线生成目录,方便查看。
https://h1.appinn.me/file/1733127777416_截图1.png
https://h1.appinn.me/file/1733127793447_截图2.png
https://h1.appinn.me/file/1733127804471_截图3.png