SheepNav
LiveFlow

LiveFlow

liveflow.com

别读代码,看它运行

2个月前制作者:MANIDEEP ADITHYA

关于 LiveFlow

LiveFlow 将你的 Python 或 JavaScript/TypeScript 代码转化为交互式运行时图。无需安装,直接在浏览器中运行单个文件或整个多文件项目,以节点和边的形式可视化执行过程。你可以拖动时间轴回放任意步骤,精确重现每个瞬间,检查每个变量的值,并将运行过程分享为公开回放链接。

核心功能

  • 可视化执行图:代码实时转化为节点和边组成的流程图,清晰展示执行路径和数据流动。
  • 时间轴回放:拖动时间轴滑块,逐帧回放代码执行过程,每一步的变量状态都完整保留。
  • 变量深度检查:点击任意节点即可查看该时刻所有变量的值,支持复杂对象展开。
  • 一键分享:生成公开回放链接,他人无需安装即可查看你的代码运行过程。

主要特性

  • 零安装:完全在浏览器中运行,无需配置环境或安装依赖。
  • 多语言支持:同时支持 PythonJavaScript/TypeScript,满足不同开发者需求。
  • 项目级支持:不仅能运行单文件,还能处理多文件项目,自动解析依赖关系。
  • 协作友好:通过分享链接,团队成员可以异步查看和理解代码执行逻辑。
  • 调试利器:回放功能让 bug 定位变得直观,无需反复添加打印语句。

适用场景

  • 学习编程:初学者通过可视化执行图理解代码逻辑,降低学习曲线。
  • 代码调试:开发者快速定位问题,回放异常步骤,检查变量状态。
  • 代码审查:分享运行链接,让他人直观理解代码行为,提升协作效率。
  • 教学演示:讲师展示算法或程序流程,学生可自行回放学习。

相关工具