AstroSpect

AstroSpect is a Chrome DevTools extension for Astro developers.

AstroSpect - Chrome DevTools Extension

AstroSpect is a Chrome DevTools extension that allows developers to inspect and debug Astro websites by displaying a tree diagram of all elements and providing information about Astro Islands.
Install from Chrome Web Store

Extension stats

Users: 479
-27
Rating: 5.00
(4)
Version: 0.0.1 (Last updated: 2023-03-16)
Creation date: 2023-03-15
Risk impact: Low risk impact
Risk likelihood:
Manifest version: 3
Size: 1.05M

Other platforms

Not available on Android
Not available on Firefox
Not available on Edge
Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Extension summary

AstroSpect is a Chrome DevTools extension for inspecting websites built with Astro.

When inspecting a page, AstroSpect allows developers to display a tree diagram of all elements of an Astro webpage onto a panel.

The "All Elements" tab displays all static html elements as well as hydrated components known as Astro Islands. The "Islands Only" tab displays only Astro Islands.

When clicking on an Astro Island, a side-pane reveals information about the component such as its type, client directive, and props.

AstroSpect has an expand and collapse feature to open and close all tree nodes. It also has a search feature that navigates through searched elements for quicker access and debugging.

User reviews

Amazing! This Astro extension really helped me in a pinch when I needed to navigate a complex code base. Can't recommend it more.
by Zahara Aviv, 2023-03-16
View all user reviews

Extension safety

Risk impact

AstroSpect requires very minimum permissions.

Risk likelihood

AstroSpect has earned a good reputation and can be trusted.

Upgrade to see risk analysis details

Similar extensions

Here are some Chrome extensions that are similar to AstroSpect: