AstroSpect chrome extension

Version: 0.0.1
AstroSpect
AstroSpect is a Chrome DevTools extension for Astro developers.
5.00 Based on 6 user rates

What is AstroSpect?

AstroSpect is a developer tools chrome extension. it's a free extension , it has 55 active users since released its first version, it earns an average rating of 5.00 from 6 rated user, last update is 425 days ago.


What’s new in version 0.0.1?

                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.            

How to install AstroSpect?

You could download the latest version crx file or older version files and install it.


Preview of AstroSpect


Technical Features:

  • Latest Version: 0.0.1
  • Requirements: Windows Chrome, Mac Chrome
  • License: Free
  • Latest update: Wednesday, March 15th, 2023
  • Author: AstroSpect

AstroSpect Available languages:

English.


FAQ


Reviews of astrospect:


Zahara Foresta March 16th, 2023
Zahara Foresta

Amazing! This Astro extension really helped me in a pinch when I needed to navigate a complex code base. Can't recommend it more.


Caroline Kimball March 16th, 2023
Caroline Kimball

As a developer new to working with Astro, this extension really helps me visualize the "islands". Loving this!

Read more review & comments of astrospect