AI 产品解读Chrome DevTools extension for inspecting and debugging Laravel Livewire components
Livewire developers lack built-in browser tooling to inspect component state, data, hierarchy, and network mutations at runtime
Install extension → browse a Livewire-powered web app → extension auto-detects Livewire on page → icon changes to indicate detection → open Chrome DevTools → use the 'Livewire' panel to view component tree, inspect state/data, and monitor mutations in real-time
Livewire component tree visualization in DevTools panelReal-time component state/data inspectionMutation tracking and history (similar to Vue DevTools)Component DOM element highlighting on hoverRight-click context menu to inspect Livewire componentsSupport for Livewire v1, v2, and v3
- 目标用户
- Laravel Livewire developers / Full-stack Laravel developers building reactive interfaces
- Source code is minified/webpack-bundled making detailed line-by-line analysis harder, but key logic is identifiable
- No external service communication detected - extension operates entirely locally
付费分析未识别到付费功能
No payment processing, subscription logic, license checks, upgrade flows, or freemium gating detected anywhere in the codebase. All 'pro' and 'license' keyword hits are false positives: 'pro' appears as webpack variable names in module exports, and 'license' appears in MIT license headers of bundled libraries (Lodash, etc.). The extension is fully open-source (forked from beyondcode/livewire-devtools on GitHub).
- 置信度
- 95
- 支付平台
- --
- 来源
- AI / 高
- 需要登录
- 否
- 登录理由
- This is a pure DevTools extension that operates entirely locally within the browser. It injects scripts into web pages to detect Livewire and creates a DevTools panel for inspection. No authentication, account creation, or login flows exist in the codebase. The 'token', 'auth', and 'signin' keyword hits are false positives from webpack boilerplate, license comments (AUTHORS), and lodash template strings.