Item logo image for AstroSpect

AstroSpect

Featured
5.0(

4 ratings

)
Item media 1 screenshot
Item media 2 screenshot

Overview

AstroSpect is a Chrome DevTools extension for Astro developers.

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.

5 out of 54 ratings

Google doesn't verify reviews. Learn more about results and reviews.

Details

  • Version
    0.0.1
  • Updated
    March 16, 2023
  • Offered by
    AstroSpect
  • Size
    1021KiB
  • Languages
    English
  • Developer
    Email
    contact@astrospect.dev
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Related

Devtools for Tailwind CSS

2.5(18)

Devtools for Tailwind CSS

Web Vitals

4.2(43)

Measure metrics for a healthy site

Apollo Client Devtools

2.6(266)

GraphQL debugging tools for Apollo Client.

VisBug

4.8(252)

Open source browser design tools

Alpine.js devtools

4.4(34)

DevTools extension for debugging Alpine.js applications.

Vue.js devtools

3.2(43)

Browser DevTools extension for debugging Vue.js applications.

Vue Telescope

4.8(17)

Discover Vue.js Websites

daily.dev | The homepage developers deserve

4.8(2.5K)

Get one personalized feed for all the knowledge you need as a developer.

Preact Developer Tools

5.0(11)

Adds debugging tools for Preact to Chrome

Refined GitHub

4.8(213)

Simplifies the GitHub interface and adds useful features

Svelte DevTools

4.2(19)

Browser DevTools extension for debugging Svelte applications.

Angular DevTools

3.8(159)

Angular DevTools extends Chrome DevTools adding Angular specific debugging and profiling capabilities.

Devtools for Tailwind CSS

2.5(18)

Devtools for Tailwind CSS

Web Vitals

4.2(43)

Measure metrics for a healthy site

Apollo Client Devtools

2.6(266)

GraphQL debugging tools for Apollo Client.

VisBug

4.8(252)

Open source browser design tools

Alpine.js devtools

4.4(34)

DevTools extension for debugging Alpine.js applications.

Vue.js devtools

3.2(43)

Browser DevTools extension for debugging Vue.js applications.

Vue Telescope

4.8(17)

Discover Vue.js Websites

daily.dev | The homepage developers deserve

4.8(2.5K)

Get one personalized feed for all the knowledge you need as a developer.

Google apps