RawLens：嵌套 JSON 字符串格式化插件

[acrazing]

大家好，2024 年底我在 V2EX 发过一个叫 Log Viewer 的 Chrome 插件： https://www.v2ex.com/t/1098346

当时主要是为了解决 Metabase / Datadog / Redash 里 JSON 日志和错误栈展示不友好的问题。

这段时间我把它改名并整理成了 RawLens ，代码、官网、截图和 Chrome Web Store 展示都重新做了一遍。现在核心方向更明确：在 Chrome 里快速格式化“到处来的 messy JSON”，尤其是这种情况：

{ "foo": "{"bar":1}" }

普通 JSON formatter 往往只格式化外层，里面还是一段转义字符串； RawLens 会继续尝试解析 JSON-looking string 字段，把它展开成结构化内容。

我自己常用的入口：

• 鼠标放到日志所在 DOM 上，或者选中一段文本，按 vv
• 复制 payload / 错误日志后按 pp
• 打开 raw JSON / YAML / JS / CSS / HTML / Markdown / diff 等页面时自动检测和高亮
• page source / page HTML 可以用 cc / hh
• 右侧 History 面板可以找回最近看过的内容

附带功能：

• ANSI 彩色日志渲染，比如 CI/build 输出
• 行折叠和全屏查看
• History 存在 IndexedDB ，本地去重
• 格式化都在浏览器本地完成，不上传日志

Chrome Web Store: https://chromewebstore.google.com/detail/rawlens/lbnkfmnolbefifdccejjijdgdipnfaib

GitHub: https://github.com/RawLens/rawlens

官网和 demo: https://rawlens.github.io/rawlens/

如果你平时也会看 Datadog / Metabase / Redash / GitHub Actions 这类日志，欢迎试用。也想听听大家最常遇到的是 JSON 日志、ANSI 日志，还是某个平台特别奇怪的日志格式。