live-debugger
767
Stars
31
Forks
7
Watchers
16
Open Issues
Apache-2.0
许可证
Elixir
语言
2024-12-04
创建时间
2026-11-10
最近更新
项目能做什么
用于调试 LiveView 应用程序的工具。
来源：AI 基于仓库事实生成
· 内容以仓库实际 README 为准
使用说明 查看原始 README 原仓库文档
中文使用说明暂未生成。下面保留原仓库 README 摘录，命令与配置均以原文为准。
原始 README 摘录（英文原文，节选前 3000 字符）
[](https://swm-delivery.com/www/delivery/ck.php?zoneid=zone-gh-live-debugger-1&n=1)
[](https://swm-delivery.com/www/delivery/ck.php?zoneid=zone-gh-live-debugger-2&n=1)
[](https://swm-delivery.com/www/delivery/ck.php?zoneid=zone-gh-live-debugger-3&n=1)
<div align="center" dir="auto">
<p dir="auto">
<a href="https://hexdocs.pm/live_debugger" rel="nofollow" target="_blank"
><img
src="https://img.shields.io/github/v/release/software-mansion/live-debugger?color=lawn-green"
alt="Version Badge"
style="max-width: 100%"
/></a>
<a href="https://hex.pm/packages/live_debugger" rel="nofollow" target="_blank"
><img
src="https://img.shields.io/hexpm/dw/live_debugger?style=flat&label=downloads&color=blue"
alt="Hex.pm Downloads"
style="max-width: 100%"
/></a>
<a href="https://github.com/software-mansion/live-debugger/blob/main/LICENSE"
><img
src="https://img.shields.io/github/license/software-mansion/live-debugger"
alt="GitHub License"
style="max-width: 100%"
/></a>
</p>
</div>
[LiveDebugger](https://docs.swmansion.com/live-debugger/) is a browser-based tool for debugging applications written in [Phoenix LiveView](https://github.com/phoenixframework/phoenix_live_view) - an Elixir library designed for building rich, interactive online experiences with server-rendered HTML.
Designed to enhance your development experience LiveDebugger gives you:
- 🌳 See your LiveComponents tree
- 🔍 View assigns
- 🔗 Trace and filter callback executions
- 🔦 Inspect elements
If you want to learn LiveDebugger quickly, start with [LiveDebugger Tour](https://github.com/software-mansion-labs/live-debugger-tour) on GitHub.
Or check out our comprehensive [Features Overview](https://hexdocs.pm/live_debugger/features.html) to explore all capabilities in detail.
https://github.com/user-attachments/assets/317ab6ad-f9ac-48db-a010-dda5a7a23fd5
## Getting started
> [!IMPORTANT]
> LiveDebugger should not be used on production - make sure that the dependency you've added is `:dev` only
### Mix installation
Add `live_debugger` to your list of dependencies in `mix.exs`:
```elixir
defp deps do
[
{:live_debugger, "~> 1.0.0", only: :dev}
]
end
```
For full experience we recommend adding below line to your application root layout. It attaches `meta` tag and LiveDebugger scripts in dev environment enabling browser features.
```elixir
# lib/my_app_web/components/layouts/root.html.heex
<head>
<%= Application.ge
阅读完整原文
商业机会分析 AI 生成
LiveView 生产环境异常回放与可观测性平台 (SaaS)
| 产品构想 | 官方明确标明“LiveDebugger should not be used on production”。独立开发者可构建专用于预发与生产环境的低开销 SDK 与云端 Dashboard，记录 LiveView 崩溃前后的 assigns 状态差异、diff 传输量与网络连接重连日志。 |
| 核心功能 | 低开销状态快照采集 SDK、LiveView 崩溃会话时间轴回放、Assigns 敏感数据自动脱敏过滤、网络 Diff 流量异常告警。 |
| 目标用户 | 采用 Elixir 构建核心业务的企业、中小技术团队、独立开发者。 |
| 难度/周期 | 高 · 3 - 5 个月 · 成本：开发机器 + 基础云服务器与时序/日志存储集群成本（约 $50-150/月） |
| 收费模式 | 按监控事件量或月活 LiveView 连接数分层订阅（Freemium SaaS）。 |
| 竞争风险 | 生产环境注入跟踪容易引入性能损耗或内存泄漏风险；需要极强的 Elixir/BEAM 底层性能调优经验。 |
| 依据 | 已验证事实（官方声明仅限 dev 环境）+ 数据支持的判断 |
LiveView 性能分析与渲染开销优化工具 (Desktop/DevTool Pro)
| 产品构想 | 针对重度 LiveView 应用常遇到的 DOM diff 过大、频繁不必要 re-render 等性能问题，打造增强版 DevTools 扩展或独立桌面端应用，提供深度的渲染性能瓶颈分析报告与自动化代码重构建议。 |
| 核心功能 | DOM/LiveView Diff 传输体积实时统计、不合理 Assign 污染追踪、无效回调高频触发警告、代码级优化建议提示。 |
| 目标用户 | 注重页面交互流畅度与服务器负载的 Phoenix 中高级开发者、技术外包团队。 |
| 难度/周期 | 中等 · 1 - 2 个月 · 成本：个人电脑开发环境，零额外基础设施成本 |
| 收费模式 | 买断制商业许可（Gumroad/Lemon Squeezy）或专业版 DevTools 插件订阅。 |
| 竞争风险 | 受众市场受限于 Elixir 生态规模（较为小众）；需要持续跟进 LiveView 官方版本的架构迭代。 |
| 依据 | 数据支持的判断 |
围绕 Elixir/LiveView 现代化架构的咨询与内部培训服务
| 产品构想 | 利用对 LiveDebugger 及 LiveView 内部机制的理解，向正在迁移到 Elixir 或遇到 LiveView 性能瓶颈的企业提供代码审计、架构诊断与调试排错培训。 |
| 核心功能 | 应用性能诊断报告、LiveView 最佳实践与踩坑清单培训、内部调试工作流建立与工具定制。 |
| 目标用户 | 正在从 SPA（React/Vue）转向 LiveView 的团队、遇到 BEAM 并发/内存瓶颈的技术负责人。 |
| 难度/周期 | 低 · 2 - 4 周 · 成本：极低，主要是个人时间投入与营销素材制作成本 |
| 收费模式 | 按人天/项目收取咨询费或企业内部培训费。 |
| 竞争风险 | 难以规模化，强依赖个人行业影响力与海外/本地 Elixir 社区网络。 |
| 依据 | AI推测 |
AI 基于仓库公开数据分析生成，含推测成分，不构成收益承诺。
报告会保存到 个人中心
竞品与相似项目 GitHub Search 真实检索
| 项目 | 中文简介 | Stars | 语言 |
|---|---|---|---|
| x64dbg/x64dbg | 中文介绍暂未生成 An open-source user mode debugger for Windows. Optimized for |
50,280 | C++ |
| dnSpy/dnSpy | 中文介绍暂未生成 .NET debugger and assembly editor |
29,659 | C# |
| mlflow/mlflow | 中文介绍暂未生成 The open source AI engineering platform for agents, LLMs, an |
28,770 | Python |
| go-delve/delve | 中文介绍暂未生成 Delve is a debugger for the Go programming language. |
24,966 | Go |
| vuejs/devtools-v6 | 中文介绍暂未生成 ⚙️ Browser devtools extension for debugging Vue.js applicati |
24,651 | TypeScript |
| comet-ml/opik | 中文介绍暂未生成 Debug, evaluate, and monitor your LLM applications, RAG syst |
23,349 | Python |
以上为通过 GitHub 官方 Search API 检索的相似项目，功能差异与优劣势需进一步人工确认，配置 AI 后可生成对比分析。
项目优势与风险
| 技术成熟度 | 创建于 2024-12-04，近 30 天仍在推送，发布过 36 个 Release |
| 社区活跃 | Star 767 / Fork 31 / Issue 16（数据支持，可自行核实） |
| 许可证 | Apache-2.0 |
| 主要风险 | 上游项目方向可能变化；同赛道竞争者较多（见竞品表）；热度与需求不完全等价 |
安装与使用
快速开始（以仓库 README 为准）
git clone https://github.com/software-mansion/live-debugger.git cd live-debugger # 请阅读仓库 README 获取确切安装步骤（依赖、配置、启动命令）
术语说明：Docker＝应用容器（把程序和依赖打包运行）；API Key＝调用外部服务的密钥；Git Clone＝把仓库代码下载到本地。常见错误：API Key 未配置 / 端口占用 / 数据库连接失败，多数项目在 README 的 Troubleshooting 章节有说明。