extension ExtPose

Svelte Devtools

Description from extension meta

Browser devtools extension for debugging Svelte applications.

Image from store Svelte Devtools
Description from store Svelte Devtools is a Chrome extension for the Svelte javascript framework. It allows you to inspect the Svelte state and component hierarchies in the Chrome Developer Tools. After installing you will see new tab in Chrome DevTools. This tab displays a tree of Svelte components, HTMLx blocks, and DOM elements that were rendered on the page. By selecting one of the nodes in the tree, you can inspect and edit its current state in the panel to the right.

Latest reviews

  • (2020-10-27) Joe Moses: In principle it works, it provides info on props and such, however the actual scope of functionality isn't too wide. The plugin struggles to detect Svelte when in embedded in another system, WP, running jQuery for example.
  • (2020-10-21) Tarik -: Very helpful. Thanks a lot mate
  • (2020-10-17) Buddy Becks: Must have for any svelte dev.
  • (2020-10-15) Thor-Björn Andersson: Excellent, thanks!
  • (2020-09-03) Fauzi Shurendra: amazing
  • (2020-08-18) Jackson Millsaps: Wonderful
  • (2020-02-25) Lucas Shanley: I have been using this since its release and honestly it makes debugging and troubleshooting that much easier. Keep up the great work!
  • (2020-02-07) Crates McD: Thanks very much for making this, Tim! You're a hero to the Svelte community!
  • (2020-01-08) JianJun Wei: vary good!
  • (2019-11-10) Vael Victus: It's a great start, thank you! Developers be sure to hit F12 to get a "new instance" of your tools with svelte.
  • (2019-11-05) Daniel Piedra Quintero: ❤️
  • (2019-10-05) Ayndqy: Nice work!


5,929 history
4.9 (20 votes)
Last update / version
2020-03-31 / 1.2.3
Listing languages