Skip to content
AstroSpect

AstroSpect

by AstroSpect
5.0
4 reviews
647
users
Published
March 16, 2023

Screenshots

AstroSpect screenshot 1
AstroSpect screenshot 2

Description

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.
Add to Chrome

Quick Info

Version
0.0.1
Size
1021KiB
Price
Free
Type
Extension

Categories

Languages

English