Optik Sol v0.4.0
新功能
- 新增统一结构化内容查看器,JSON 可在树形/代码双视图间切换,并支持逐层展开收缩、全部展开/收起、节点路径复制与整段复制。
- 新增 JSON、JavaScript、HTML/XML、CSS、Shell、表单数据的语法识别与高亮,同时提供行号、自动换行、原文查看和代码分页。
- 网络面板的请求/响应正文、WebSocket 帧与 cURL,控制台中的 JSON 字符串,存储值,以及元素 HTML 现在统一使用结构化展示。
- 查询参数、请求头、响应头、元素属性与计算样式新增批量复制,完整网络详情可直接复制为格式化 JSON。
改进与安全
- JSON 解析限制为 1 MB;树视图全部展开限制为 500 个节点/12 层,代码每页 500 行,避免超大响应拖慢调试页面。
- 复制操作始终保留原始内容,不会把格式化展示文本误当作原始载荷;原文查看与剪贴板失败兜底改为独立且准确的交互。
- 多行结构化区域补齐可访问名称、键盘可达按钮、可见焦点与触屏友好的操作尺寸,浅色/深色主题均新增专用语法色。
修复与打磨
- 修复 playground POST 示例中不合法的非 Latin-1 请求头,并新增 JSON 字符串回归场景。
- JSON 标量不再显示没有意义的树视图;短存储值继续保持紧凑行内展示,长内容才展开结构化工具。
- 优化移动窄屏、桌面宽屏、自动换行及明暗主题下的信息密度与复制反馈。
安装
<script src="https://unpkg.com/optik-sol@0.4.0"></script>npm install optik-sol@0.4.0验证
- 43 个测试文件、320 项测试通过。
- 覆盖率:语句 88.00%、分支 77.97%、函数 86.90%、行 92.34%。
- 类型检查、生产构建、playground 消费端构建、npm 打包及 ESM/CJS/IIFE 无 DOM 加载验证通过。
- 生产依赖审计无已知漏洞;单文件 IIFE gzip 约 72.87 KB。
- 已在 Chrome 中完成浅色/深色、桌面宽屏与 390 × 844 移动视口的真实交互验收。
English summary
Optik Sol v0.4.0 introduces a shared structured-content viewer across Network, Console, Storage, and Elements. It adds formatted JSON tree/code modes, bounded expand/collapse, syntax highlighting, line numbers, wrapping, raw-source access, contextual and bulk copy actions, plus responsive light/dark presentation. The release also fixes the playground POST header and keeps large payload interactions bounded.
Full Changelog: v0.3.0...v0.4.0