Svelte DevTools
Item media 1 screenshot

Overview

Browser DevTools extension for debugging Svelte applications.

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.

4.4 out of 514 ratings

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

Review's profile picture

tabliqat chiApr 12, 2024

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".

Review's profile picture

joy miaMar 10, 2024

Best of the best

Review's profile picture

Dewmal HandapangodaDec 16, 2023

Not working with kit.svelte.dev

0 out of 4 people found this helpful
Replier's profile picture

Ignatius BagussuputraDeveloperJan 23, 2024

Hi Dewmal, this extension supports developing with SvelteKit out of the box. If you're talking about the kit.svelte.dev website itself, you will need to run the website locally with `dev` mode enabled as mentioned in the description. If you run into any other problems, please open an issue on the GitHub repository.

Details

  • Version
    2.2.0
  • Updated
    March 28, 2024
  • Offered by
    ignatiusmb
  • Size
    61.38KiB
  • Languages
    English
  • Developer
    Email
    ignatius.mbs@gmail.com
  • 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

Support

For help with questions, suggestions, or problems, visit the developer's support site

You might also like…

Liveblocks DevTools

5.0(10)

A browser extension that lets you inspect Liveblocks real-time collaborative experiences.

Solid Devtools

5.0(8)

Chrome Developer Tools extension for debugging SolidJS applications.

Livewire devtools

4.5(12)

Chrome and Firefox DevTools extension for debugging Livewire applications.

Redux DevTools

4.6(697)

Redux DevTools for debugging application's state changes.

Google apps