Agent Stream · SSE
前端 Agent 流式展示
本地 SSE 模拟，不连接模型或服务器。
Interactive Lab
在线实验室
浏览器里可以直接体验 Agent 流式响应、跨标签通信、可见性观察、图像处理、流程图和 3D 预览等技术实验。WebSocket · WSS
实时双向连接
连接后可发送测试消息并接收回声，观察连接、收发和关闭事件。只有点击“连接”后才会访问外部服务。
目标服务wss://ws.postman-echo.com/raw
未连接
连接事件和收发内容会显示在这里。
消息会发送给 Postman Echo 第三方服务并原样回传。不要发送密码、验证码、个人信息或任何敏感内容。服务不可用时，实验会显示连接失败，不影响博客其他功能。
Same-Origin Messaging
跨标签页通信
在另一个标签页打开同一频道，切换传输方式后互相发送消息。消息只在当前浏览器配置文件内传递。
正在连接本地频道…
storage 回退会短暂保存最近一条消息并在 10 秒后清除。请勿发送密码、验证码或其他敏感内容。
Intersection Observer API
可见性与曝光观察
调整观察根节点、扩展边距和阈值，观察目标元素什么时候进入视口，以及交叉比例如何变化。容器模式可在下方区域内滚动；视口模式请滚动页面。
正在初始化观察器…
最近观察事件
Iframe Sandbox · Local Only
嵌入内容的权限实验
切换最小权限，看同一份本地子页面在脚本与弹窗受限时的差异。预览使用固定 srcdoc、无外部资源，不授予同源访问权。
正在创建受限预览…
当前 sandbox：(无权限 token)
Flowchart
流程图编辑器
流程图工具正在准备。
支持 Mermaid 流程图源码、示例切换与 SVG 导出；所有内容仅在当前浏览器处理。
TTS
浏览器朗读
浏览器朗读控件正在准备。
Runnable Plugins
可交互的浏览器端演示
图像裁剪与压缩、流程图、画板、浏览器朗读和规则质检已经可用；高耗能模型与源插件的完整迁移仍需单独评估。Image Lab
图片压缩与导出
拖动选择要保留的区域，也可编辑下方像素坐标。图片仅在本机处理。
导出最多 1600 万像素；超出时会等比缩小，降低手机内存峰值。
图片只在当前浏览器本地处理，不会上传。
Image Matting
背景透明化实验
传统色键抠图：通过四角采样估计背景色，适合纯色或浅色背景，不是 AI 抠图。
Canvas
手写画板
Kuakua
关键词夸夸机
输入内容后点击生成
Review
文本质量检查
3D Viewer
3D 模型预览
正在初始化 3D 场景...
支持本地 GLB 2.0（最大 20 MB），模型仅在当前浏览器解析；外部资源引用会被拒绝，不会上传到服务器。
Plugin Roadmap
已上线的浏览器端能力
以下能力由博客独立实现，数据在本机处理；已接入表示演示可用，不等同于原始插件的完整迁移。Image Lab
图片处理与背景移除
支持浏览器内裁剪、亮度/对比度/饱和度调整、压缩与导出；背景透明化基于边角颜色采样，不是 AI 抠图。Canvas
画板、流程图与 3D 视图
浏览器内白板、Mermaid 流程图和 Three.js 几何预览已接入；原项目的完整图编辑、数据导入导出和模型创作尚未迁移。Games
小游戏合集
独立浏览器小游戏归入游戏页，与开发工具分开；当前 4 款可玩，来源目录仍需逐款审阅。TTS
关键词夸夸与语音反馈
关键词规则与浏览器 speechSynthesis 在本机运行，不请求服务端朗读接口。Review