Svelte DevTools

Chrome Web Store

by ignatiusmb

v2.2.2 Updated May 29, 2024 58.61KiB

CWS

10K

Users

★ 3.10

29 reviews

#5375

of 207.1K

developer

#459 of 18.1K

⚠️Not updated in over a year

Description

Check out the changelog at https://github.com/sveltejs/svelte-devtools/releases --- Svelte DevTools is a browser DevTools extension for the open-source Svelte JavaScript framework. It allows you to gain deep insights and inspect the Svelte component hierarchies in the Developer Tools panel itself. After installing, you will get a new tab in your browser DevTools titled "Svelte". The DevTools panel will only work on sites with `dev` mode enabled, which should work out-of-the-box when you're running your Svelte app locally. Key Features: - Zero-configuration: Run your application in development mode and have everything working - Real-time Component Tree: Svelte component hierarchy visualization in real-time, deeper understanding of your application structure and identify relationships between components easily - Interactive State Inspection: Modify and experiment with component states effortlessly in one place, and easily see events and other state - Dark Mode Support: Enjoy the sleek and user-friendly interface in both light and dark modes - Open Source and Community-Driven: This extension is open source and actively maintained by the Svelte community This extension requires permissions to access the tab's content, data will be processed locally in your browser and cleared after each session.

Reviews (11 cached)

Last 12 months

★☆☆☆☆2026-02-23

David Mulder

The official dev tools for Svelte... but not supported. Says something about stability and adoption of Svelte...

★☆☆☆☆2026-02-08

A V

Abandoned

★☆☆☆☆2025-12-14

Cloud Cloud

Has NOT been updated for over years. Can’t believe this devtool -- crucial for front-end development, has likely been abandoned？ Svelte itself OK? Still in active development?

★☆☆☆☆2025-07-18

Anthony Holland

Abandonware. Not updated since before the release of Svelte 5 and doesn't work with Svelte 5.

★☆☆☆☆2025-04-22

Kyle Mueller

uses `crypto.randomUUID`, which straps the tool to HTTPS connections. Great dev choice guys! (/s) If you needed a unique ID, why not use Symbol? Kind of worthless for dev work.

★☆☆☆☆2025-01-21

Emiel van der Hooft

Lack of proper dev tools makes it hard to take Svelte serious. Does not work with 5 and what works with 4 is lacklustre compared to vue devtools for example.

★☆☆☆☆2025-01-07

Alek Melnyk

does not work at all, sveltekit, mac and brave browser

★☆☆☆☆2024-06-23

Phil Cleaver

Sorry for 1 star, but for me this doesn't work on my Chromebook. Did fresh npn create svelte@latest, npm i. restart etc, App runs great but I get Svelte DevTools No Svelte app detected reload Not working? Did you... Build with dev mode enabled? Use Svelte version ^4.0.0? chrome os Version 125.0.6422.197 (Official Build) (64-bit) lenovo chromebook

★☆☆☆☆2023-12-17

Dewmal Handapangoda

Not working with kit.svelte.dev

★★☆☆☆2025-01-13

Neil Young

Doesn't work with Svelte 5

★★☆☆☆2024-04-12

tabliqat chi

Does this work with Svelte (not Sveltekit) project initiated using Vite too? I tried both `compilerOptions: { dev: true }` and `{ dev: true }` (adding them in svelte.config.js), but I still get the message "No Svelte app detected".