bt_app 完整示例

bt_app 完整示例

AI 原文

bt_app 完整示例

纯本地 HTML 桌面应用

文件结构：

index.html：

运行：

首次运行会生成默认 app.json。默认配置会收集 assets/**，可直接覆盖 Vue/Vite 这类常见前端构建产物。若项目还有 style.css、main.js、images/** 或其他自定义资源，并且需要打包分发，请创建自己的 app.json，把这些文件写入 resources。

本地 HTML 加 BT 函数

文件结构：

app.json：

main.bt：

index.html：

本地 BT 服务加 Web 页面

文件结构：

app.json：

server.bt：

www/main.bt：

www/static/index.bt：

远程 Web 应用包装

app.json：

带图标和窗口配置

app.json：

当前 logo.ico 必须是项目内 .ico 文件。

屏幕吸管与框选截图

仓库中的 examples/desktop-screen-tools 是完整可运行示例，提供：

  • 默认第一、第二槽位内置屏幕吸管和框选截图；Alt+1 至 Alt+9 始终按当前槽位位置执行。
  • 设置菜单可添加 .btr 软件、.exe 和 Windows .lnk 快捷方式，支持上移、下移、移除和恢复默认工具。
  • BTR 使用 window.bt.app.info() 读取 app.json 标题与图标，点击或位置快捷键通过 window.bt.app.run() 启动独立软件进程。
  • 透明无标题栏悬浮工具条，圆角和半透明表面由 HTML/CSS 绘制；支持横向或纵向排列，拖动后自动吸附到最近屏幕边缘并在 1 秒后滑入边缘隐藏。
  • 鼠标触达对应屏幕边缘时自动滑出，三点菜单可切换方向、隐藏到托盘或彻底退出；关闭到托盘后全局快捷键继续响应。

运行：

构建单文件应用：

也可只生成工具条 BTR：

成功取色后可在文本输入框按 Ctrl+V 或 Cmd+V 粘贴色值；成功截图后可在支持图片粘贴的聊天窗口按相同快捷键粘贴图片。详细验收步骤见示例目录的 README.md。