MrQuantum1915/rz-prelude-visualize

GitHub: MrQuantum1915/rz-prelude-visualize

一款交互式 Web 可视化工具,用于将 Rizin 生成的函数 prologue 前缀树以热力图和可探索的树形结构呈现,帮助逆向工程师直观分析 prologue 签名数据。

Stars: 1 | Forks: 0

# rz-prelude-visualizer 用于可视化由 [Rizin](https://github.com/rizinorg/rizin) 的 `prologues_generator` 插件(`pg` 命令)生成的函数 prologue 树的交互式可视化工具。 帮助逆向工程师和数据科学家(??)通过可视化分支流量、高亮特定字节以及探索 prologue 树数据集,来直观地分析 prologue 签名树。 ![展示热力图和工具的完整 UI 截图](https://static.pigsec.cn/wp-content/uploads/repos/2026/06/95c1395fc0195532.jpg) ## 使用方法与功能 - 在 rizin 会话中打开一个文件。 - 运行 `pg` 生成 prologue 前缀树。 - 使用 `pgpj` 并通过重定向打印并将树导出为 JSON 格式 ``` pg pgpj > gen.json ``` 将文件上传到本网站即可对树进行可视化。 网站链接:https://rz-prelude-visualize.vercel.app/ ### 交互式图形可视化 - 拖拽来自 `prologues_generator` 插件的 JSON 文件,即可立即可视化 prologue 树。 - **动态树状布局:** 在水平(从左到右)和垂直(从上到下)对齐方式之间切换。 - **树深度控制:** 对于庞大的 prologue 数据集,限制最大渲染深度可以提高性能,并专注于序列早期阶段的关键分支。同时这也有助于减少视觉杂乱。 - **多文件支持:** 同时加载多个 JSON 文件,并在它们之间切换而不会丢失上下文。 ### 流量分析(热力图) - **我喜欢热力图 :)** - 节点根据其相对流量(相对于根节点的命中计数)进行着色。有助于识别哪些是常见的,哪些是罕见的。 - **标准调色板:** 在“标志性的数据科学调色板”之间切换 XD(`Rocket`、`Mako`、`Viridis`)。 - 颜色刻度在右侧... ### 搜索与高亮 - **高亮路径:** 搜索特定的十六进制字节序列(例如 `08 00 E0`),以亮橙色高亮显示整个匹配的树遍历路径。(不过我建议在此期间关闭热力图) ### 节点检查器 - 将鼠标悬停在任何节点上,即可在工具提示中快速查看十六进制、二进制和 hitcnt。 - 点击侧边栏中的 **Inspector** 标签页来检查节点。 - **详细的字节信息:** 点击任何节点,可查看该字节的详细十六进制和二进制表示。 - **相对流量统计:** 检查精确的命中计数,并查看该字节接收到的流量占整个数据集(根节点)及其直接父节点(分支信号)流量的百分比。 ![james-bond](https://static.pigsec.cn/wp-content/uploads/repos/2026/06/5a3bc72e3f195538.jpg) ### UX - **深色/浅色模式:** 是的……尽管不是非必需的 :P 但很不错 :) - **自动对比节点:** 节点文本会根据底层热力图背景色的亮度,动态变为深色或浅色。 ![its dark outside](https://static.pigsec.cn/wp-content/uploads/repos/2026/06/e292447240195542.jpg) ## 开发者信息 - Node.js 20+ - pnpm ``` pnpm install pnpm dev ``` ## 许可证 [GNU GPL-3.0](LICENSE)
标签:Cloudflare Workers, MITM代理, Rizin, 云资产清单, 数据可视化, 树形结构, 自动化攻击, 逆向工程