Livewire devtools

Name: Livewire devtools
Rating: 3.857142857142857 (14 reviews)
Author: rw4lll

Chrome and Firefox DevTools extension for debugging Livewire applications.

Download

Install Compare

Livewire DevTools is a powerful browser extension available for Chrome and Firefox, tailored for developers working with Livewire applications. It streamlines the debugging process by integrating directly into the DevTools panel, providing enhanced visibility and control over Livewire components. Notably, this extension supports Livewire version 3 and is actively maintained, ensuring compatibility and a smooth debugging experience.

This extension is a fork of the original beyondcode/livewire-devtools project, updated to meet the latest browser requirements and bring continued support through the Chrome Web Store. Developers can report issues or contribute to enhancements via its GitHub repository, fostering an open and collaborative development environment.

Extension Developer Tools Programming Productivity

By:

rw4lll

Users:

10,000

Rating:

3.86

(14)

Version:

1.1.1-chrome Last updated: 2023-11-09

Version code:

1.1.1

Creation date:

2022-07-26

Risk:

Permissions:

scripting

Host permissions:

<all_urls>

Size:

1014.00KB

Email:

li*****@gmail.com

Full description:

Source:

Chrome Web Store

Updated:

14 hours ago

Ranking

# 9,009 ▲ 133

Other rankings

#1674 in Developer Tools ▲ 2

User reviews

Users find Livewire Devtools very useful for debugging Livewire v2 applications, praising its detailed state inspection and modification capabilities. However, multiple reviews highlight significant issues with Livewire v3 support, such as failure to detect or inspect components properly, errors on sites with Livewire JS problems, and misleading messages about production mode disabling the tool. Users appreciate the extension but emphasize that it requires updates to function correctly with Livewire v3 to remain useful.

Pros

Great tool for debugging Livewire v2 components.
Allows viewing and modifying component state easily.
Highly useful for development and debugging purposes.
Once updated for Livewire v3, it significantly speeds up work.
Provides detailed information similar to Vue devtools.

Cons

Does not work properly with Livewire v3, including detection and inspection issues.
Fails to filter components list and detect nested components in Livewire v3.
Does not function if Livewire JS errors are present on the site.
Refresh functionality does not work reliably in newer versions.
Shows incorrect messages about production mode disabling the devtools despite it not being true.

Recent reviews

Не работает на laravel 12 livewire starter kit

Mi*****, 2025-03-14

It is useless. It used to work fine but now it just lists very little information and nothing helpful.

Ir*****, 2024-09-22

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`

*****, 2024-07-26

View all user reviews ›

Extension safety

Risk impact

Risk impact measures the level of extra permissions an extension has access to. A low risk impact extension cannot do much harms, whereas a high risk impact extension can do a lot of damage like stealing your password, bypassing your security settings, and accessing your personal data. High risk impact extensions are not necessarily malicious. However, if they do turn malicious, they can be very harmful.

Livewire devtools requires a few sensitive permissions. Exercise caution before installing.

Risk impact analysis details

Critical Allows access to all websites, posing a significant security risk as it can monitor and modify data from any visited site.
High ******* ******* **** *** ****** ***** *** ***** ** ******* **** ********* ********* ** * *********** *****
Medium ****** ** ********* ****** ********* *** **** ****** **** **** ** ******* ** ********** **** ***********

Risk likelihood

Risk likelihood measures the probability that a Chrome extension may turn malicious. This is determined by the publisher and the Chrome extension reputation on Chrome Web Store, the amount of time the Chrome extension has been around, and other signals about the Chrome extension. Our algorithms are not perfect, and are subject to change as we discover new ways to detect malicious extensions. We recommend that you always exercise caution when installing a Chrome extension.

Livewire devtools has earned a good reputation and can be trusted.

Risk likelihood analysis details

High This extension has low user count. Unpopular extensions may not be stable or safe.
Low **** ********* *** ******* **** **** * ****** **** ***** ******** *** **** ****** ** ** ****** *** *****
Low **** ********* *** ***** **** **** * ****** **** ***** ********** *** **** ****** ** ** ****** *** *****
Good **** ********* ** ****** ** ********
Good **** ********* *** **** **** *******