AstroSpect: Chrome DevTools Extension for Astro Developers
AstroSpect is a Chrome DevTools extension designed specifically for Astro developers. This extension allows developers to inspect websites built with Astro by displaying a tree diagram of all elements on an Astro webpage.
With AstroSpect, developers can easily navigate through the elements of a page using the "All Elements" tab, which shows both static HTML elements and hydrated components known as Astro Islands. Alternatively, the "Islands Only" tab displays only the Astro Islands.
One of the key features of AstroSpect is its ability to provide detailed information about each Astro Island. By clicking on an Astro Island, developers can access a side-pane that reveals important information such as the component's type, client directive, and props.
AstroSpect also offers convenient features like expand and collapse, allowing developers to easily open and close tree nodes. Additionally, the search feature enables developers to quickly navigate through elements for easier debugging and troubleshooting.
Overall, AstroSpect is a valuable tool for Astro developers, providing them with the necessary insights and tools to effectively inspect and debug Astro websites.
User reviews about AstroSpect
Have you tried AstroSpect? Be the first to leave your opinion!