做了个 App:把 AI 生成的 HTML 小工具直接放进手机运行,求拍砖
做了个手机端 HTML 运行器,把 AI 生成的小工具直接放进手机用这阵子经常用 AI 做些小工具:计算器、表格处理、数据面板、小游戏、计时器、临时表单……生成很快,最后通常就是一个 HTML 文件。
麻烦出现在手机上。要么临时部署,找个地方托管;要么每次去文件里翻,而且手机浏览器也不支持直接打开运行 HTML 。
很多东西只给自己用,专门配服务器、域名,再发布也很麻烦。
要开发成原生 App ,走打包编译,处理跨平台,也不值当。
现在的 HTML 其实已经能做很多事了。图表、文档、本地存储、图片处理、小游戏都能实现。对不少轻量、个人化的需求来说,一个静态 HTML 就够用。
缺的是一个方便放进手机、随时打开的入口。
于是我做了「 Vibe 小匣」。
https://zzqiniu.wzdxy.com/imgbed/vibeviewSnipaste_2026-07-12_10-36-40.png
它能做什么
从聊天软件、文件 App 或云盘拿到 HTML / ZIP 后,可以直接分享到 Vibe 小匣:
自动解压并识别 HTML 入口
在手机里直接运行
保存到“我的应用”,以后继续打开
查看目录、README 、源码和运行日志
https://zzqiniu.wzdxy.com/imgbed/vibeviewvibeview-import-demo2.gif
https://zzqiniu.wzdxy.com/imgbed/Screenshot_2026-07-12-15-23-59-657_com.wzdxy.vibeview.jpg
Vibe 小匣不限定应用类型,只要能在普通浏览器里直接运行,就可以导入。
也可以只看源码
收到一份源码 ZIP 时,有时候并不想运行,只是想看看里面写了什么。
Vibe 小匣可以快速浏览文件目录,查看 HTML 、CSS 、JavaScript 、JSON 、Markdown 等文件。
https://zzqiniu.wzdxy.com/imgbed/vibeviewvibeview-code-view.png
实现和边界
导入的项目保存在本机,每个项目有独立目录和运行数据,规避了数据泄露问题。
运行 HTML 容器尽量贴近标准 Web 行为,不要求导入的 HTML 接入专用 API 。
当前主要支持静态 HTML 、CSS 和 JavaScript 。已经构建好的 React 、Vue 静态产物也可以导入。
需要 npm install、开发服务器、Node.js 、Python 、数据库或后端服务的源码工程暂时跑不了,但 HTML 可以调用接口。
涉及后台常驻、重度系统集成或高性能图形计算时,原生 App 依然更合适。Vibe 小匣主要服务那些“小到不值得发布,大到不只是看一眼”的工具。
目前进度
基本功能已经开发完成,目前还在内测准备阶段。
官网 : https://vibe.appshow.tech/
30 秒演示: https://vibe.appshow.tech/media/vibeview-demo-30s-v2.mp4
内测:感兴趣的大佬请留言 base64 邮箱,这两天会直接发邀请(目前支持 iOS 和鸿蒙 Next )
想请大家帮忙看看几个问题:
你有没有遇到过 AI 做完 HTML ,却懒得部署的情况?
手机 WebView 里,你最希望补齐哪些浏览器能力?
是否希望有浏览器之外的额外扩展能力?
欢迎拍砖! MTQyNzc3NDA0MUBxcS5jb20= 谢谢哥!有个问题,浏览器中的 localstorage 什么的,会有么,这块可能用的多些 NzUzMDA1NTEyQHFxLmNvbQ==
申请 ios 内测 c291bDE4OTlAZ21haWwuY29t 申请 ios 内存,目前都是用 documents app 或者 goodreader 考进去打开的。 我之前写了一个网页 遇到 css js 分开的就不能把网页在安卓上显示了 只能全部写一起。本来想写个 http 服务跑安卓就解决了 懒,就没弄。问下楼主这个啥时候支持安卓呢?还是只能用 ios 加鸿蒙 bG9ja2hlYXJ0QGR1Y2suY29t
申请内测 灵光? iOS 上不了架吧 @yoyoyoyolol 上得了架的,只要够低调,说是 HTML 编辑器,基本上算是合规就能上了。
为什么我知道,因为我之前就做了个类似开源的。
但说真的,没什么人用其实……
我那个甚至还可以直接接各路 LLM 直接生成项目。 曾经试着自制,遇到文件权限问题,打算迁移到局域网和 zerotier.不了了之了
页:
[1]
2