大家好，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 日志，还是某个平台特别奇怪的日志格式。
Select Language