English
See more
AstroSpect is a Chrome DevTools extension for Astro developers.
Latest Version
Version
0.0.1
Update
March 15, 2023
Size
1021KiB
Developer
Category
Users
505 
Rating
5 ★
Manifest Version
3
Web Store Status
Extension ID
Languages Support
Permissions
AstroSpect Extension
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.
Read more
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.
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "AstroSpect", "version": "0.0.1", "description": "AstroSpect is a Chrome DevTools extension for Astro developers.", "icons": { "16": "assets/astrospect-logo-16.png", "48": "assets/astrospect-logo-48.png", "128": "assets/astrospect-logo.png" }, "devtools_page": "devtools.html"}
Read more
Similar Extensions
Alpine.js devtools 505 34 ★ 67.78KiB
Vue Telescope 505 17 ★ 1.37MiB
daily.dev | The homepage developers deserve 505 2460 ★ 2.28MiB
Preact Developer Tools 505 11 ★ 147KiB
Refined GitHub 505 213 ★ 572KiB
Svelte DevTools+ 505 5 ★ 267KiB
Svelte DevTools 505 19 ★ 58.61KiB
Angular DevTools 505 159 ★ 3.2MiB
Devtools for Tailwind CSS 505 18 ★ 49.64MiB
Web Vitals 505 43 ★ 398KiB
Apollo Client Devtools 505 266 ★ 490KiB
VisBug 505 252 ★ 5.38MiB
Astro Detected 505 0 ★ 20.23KiB
Gimli Tailwind 505 33 ★ 151KiB
Vue.js devtools (beta) 505 149 ★ 2.54MiB
Solid Devtools 505 7 ★ 123KiB
Vercel 505 24 ★ 34.3KiB
Vue.js devtools 505 43 ★ 2.08MiB
Motion DevTools 505 8 ★ 788KiB
React Context DevTool 505 21 ★ 2.35MiB
Vue.js devtools 505 2131 ★ 2.57MiB
Vue force dev 505 35 ★ 38.0KiB
Svelte Reactive Debugger 505 0 ★ 216KiB
File Icons for GitHub and GitLab 505 48 ★ 460KiB
