What is Livewire devtools?

Livewire devtools is a Chrome extension developed by rw4lll, and its main feature is "Chrome and Firefox DevTools extension for debugging Livewire applications.".

Extension Screenshots

Download Livewire devtools Extension CRX File

Download Livewire devtools extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

Upd.: there was added support for Livewire v3. Please, report any issues you may have here:
https://github.com/rw4lll/livewire-devtools/issues

Forked from original beyondcode/livewire-devtools with a few updates to bring the tool back into Chrome Web Store.

Extension Basic Information

Name	Livewire devtools
ID	dnociedgpnpfnbkafoiilldfhpcjmikd
Official URL	https://chromewebstore.google.com/detail/livewire-devtools/dnociedgpnpfnbkafoiilldfhpcjmikd
Description	Chrome and Firefox DevTools extension for debugging Livewire applications.
File Size	1014 KB
Installation Count	10,017
Current Version	1.1.1-chrome
Last Updated	2023-11-09
Publish Date	2022-07-26
Rating	4.50/5 Total 12 Ratings
Developer	rw4lll
Email	[email protected]
Payment Type	free
Extension Website	https://github.com/rw4lll/livewire-devtools#readme
Help Page URL	https://github.com/rw4lll/livewire-devtools/issues
Supported Languages	en
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "name": "Livewire devtools", "version": "1.1.1", "version_name": "1.1.1-chrome", "description": "Chrome and Firefox DevTools extension for debugging Livewire applications.", "manifest_version": 3, "icons": { "16": "\/icons\/16.png", "48": "\/icons\/48.png", "128": "\/icons\/128.png" }, "action": { "default_icon": { "16": "\/icons\/16-gray.png", "48": "\/icons\/48-gray.png", "128": "\/icons\/128-gray.png" }, "default_title": "Livewire Devtools", "default_popup": "popups\/not-found.html" }, "web_accessible_resources": [ { "resources": [ "devtools.html", "devtools-background.html", "build\/backend.js", "build\/proxy.js", "build\/hook-exec.js", "build\/detector.js", "build\/detector-exec.js" ], "matches": [ "" ] } ], "devtools_page": "devtools-background.html", "background": { "service_worker": "build\/service-worker.js" }, "permissions": [ "scripting" ], "host_permissions": [ "" ], "content_scripts": [ { "matches": [ "" ], "js": [ "build\/hook.js" ], "run_at": "document_start" }, { "matches": [ "" ], "js": [ "build\/detector.js" ], "run_at": "document_idle" } ], "content_security_policy": { "extension_pages": "script-src 'self'; object-src 'self'" } }

Related Extensions

Devtools for Tailwind CSS

Clockwork

Laravel Docs