⚡

可视化画布沙盒 sandbox

可视化画布沙盒是一个用于实时预览和代理驱动UI开发的工具。它允许用户通过简单的命令将HTML内容推送到一个动态更新的画布服务器，实现快速原型设计、仪表板构建和界面预览。该工具支持截图、状态监控和内容重置，是前端开发、UI/UX设计和实时协作场景下的高效助手。关键词：HTML画布，实时预览，UI沙盒，前端开发，仪表板，代理驱动界面。

前端开发 0 次安装 0 次浏览 更新于 3/5/2026

名称: 沙盒 描述: “用于代理驱动UI和实时预览的可视化HTML画布沙盒” 命令:

  • /sandbox
  • /canvas

沙盒 - 可视化画布

将HTML内容推送到实时更新的画布服务器，用于可视化预览、仪表板和代理驱动的UI。

命令

/sandbox start        - 启动画布服务器（返回URL）
/sandbox push <html>  - 将HTML内容推送到画布
/sandbox reset        - 将画布重置为空白状态
/sandbox screenshot   - 对当前画布进行截图
/sandbox status       - 显示画布服务器状态和设置

环境变量

变量 描述
CANVAS_ALLOW_JS_EVAL 在画布中启用JavaScript评估（默认：false）
ALLOW_UNSAFE_SANDBOX 启用不安全沙盒模式（默认：false）

示例

/sandbox start
/sandbox push <h1>你好，世界</h1><p>实时预览</p>
/sandbox screenshot
/sandbox status
/sandbox reset

工作原理

  1. /sandbox start 启动一个本地HTTP服务器，提供画布页面
  2. /sandbox push <html> 将HTML发送到画布，实时渲染
  3. /sandbox screenshot 将当前画布状态捕获为图像
  4. /sandbox reset 清除画布中的所有HTML、CSS和JS
  5. /sandbox status 显示服务器是否正在运行、URL和内容大小