用途：HTMX DevTools 是浏览器扩展，为 HTMX 应用提供调试界面，捕获完整请求生命周期、追踪带 htmx 属性的 DOM 元素、可视化交换、监控事件并呈现错误，支持 htmx 2.x 与 4.0 alpha 并自动检测版本。
主要能力：请求检查器显示方法、URL、状态码、触发与目标元素、Config→Send→Wait→Swap→Settle 时间线、HX-* 头、请求/响应体及关联事件；元素检查器提供过滤后的实时 DOM 树、点击查看 hx-* 属性与请求历史；事件时间线按类别着色并可展开 detail JSON；交换可视化提供响应 HTML、前后快照与基于 LCS 的差异视图；错误面板自动检测 HTTP 错误、目标未找到、超时和交换错误。
使用方式：从源码构建需执行 git clone https://github.com/atoolz/htmx-devtools.git、cd htmx-devtools、npm install、npm run build:chrome（Firefox 用 npm run build:firefox）。Chrome/Edge/Brave/Arc 在 chrome://extensions 开启开发者模式后 Load unpacked 选择 dist/；Firefox 在 about:debugging#/runtime/this-firefox 加载 dist/manifest.json。打开含 htmx 的页面按 F12，在 DevTools 的 HTMX 标签使用。本地测试可运行 node test/e2e/fixtures/test-server.js 并访问 http://localhost:3456。
适用场景：调试请求未触发、目标元素不更新、交换策略异常、事件流与错误定位等。
限制：需浏览器支持 Manifest V3（Chrome 88+、Firefox 128+ 等）；大型应用可能变慢，可用录制/暂停、清除、过滤缓解；扩展更新需手动重新构建并重载。其余细节暂未提供。