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.
Was very good but now I am using Livewire 4 and it's became useless, I hope developers will work to update this plugin
its no longer working , good luck for the dev team to fix it , it was really useful
This is is nominally useful, requires frequent manual reloads. live edits do not work. Is this even maintained anymore?
Не работает на laravel 12 livewire starter kit
It is useless. It used to work fine but now it just lists very little information and nothing helpful.
First of all, thanks for the effort in creating this tool. Secondly, for Livewire v3 - it doesn't work as expected: 1) doesn't filter components list 2) stops working if there are some livewire js errors on site 3) refresh doesn't work 4) it cant detect third level nested components One of the error msg sample: `TypeError: Cannot read properties of undefined (reading '__LIVEWIRE_DEVTOOLS_UID__') at backend.js:1:4917`
Still doesn't work with v3. It's detecting livewire correctly, however: It never loads or shows up in Chrome devtools. Making it unusable
Agiliza mucho el trabajo, ahora que soporta también la version 3 le doy 5 estrellas, excelente trabajo, muchas gracias por la herramienta y su actualización.
Thank you <3
Great extension for Livewire v2.This is useless if you are planning to use Livewire v3. It recognizes Livewire is being used on a page, but does not activate the tool, instead you get this: "Livewire is detected on this page. Devtools inspection is not available because it's in production mode or explicitly disabled by the author." I know for a fact the site is not in production mode and it is not disabled. If this does not get fixed this tool will eventually be useless.