Adds Svelte debugging tools to the Chrome Developer Tools

Latest Version

Version
1.1.1
Update
December 11, 2023
Size
267KiB
Developer
Category
Users
1,000+
Rating
4 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
ActiveTab
See more

Svelte DevTools+ Extension

Svelte DevTools+ allows developers to inspect the component hierarchy of a Svelte application, making it easier to understand the application's structure

Svelte DevTools+ allows developers to see the real-time changes in a component's state and props, immediately reflecting updates in the DevTool and allowing for simple tracking of the application's behavior

When selecting a component in the component tree, developers can inspect the component's props, state, and context to aid in understanding the data and values that are passed to each component

Developers can modify the state and props of a selected component directly from the DevTools window for testing and debugging purposes, making it easy to experiment with different scenarios without modifying your code

Svelte DevTools+ provides a time-travel debugging feature that enables developers to inspect the application's state at different points in time and analyze how the state of the application changes
Read more

Source Manifest.json

{
"update_url": "https://clients2.google.com/service/update2/crx",
"description":"Adds Svelte debugging tools to the Chrome Developer Tools",
"version":"1.1.1",
"manifest_version":3,
"name":"Svelte DevTools+",
"options_page":"options.html",
"background":{"service_worker":"background.bundle.js"},
"action":{"default_popup":"popup.html",
"default_icon":"icon-34.png"},
"icons":{"128":"icon-128.png"},
"content_scripts":[{"world":"MAIN",
"matches":["http://*/*",
"https://*/*",
""],
"js":["contentScriptMain.bundle.js"],
"run_at":"document_start"},{"matches":["http://*/*",
"https://*/*",
""],
"js":["contentScriptIsolated.bundle.js"],
"run_at":"document_start"}],
"devtools_page":"devtools.html",
"web_accessible_resources":[{"resources":["icon-128.png",
"icon-34.png"],
"matches":[]}],
"permissions":["activeTab"]}
Read more

Similar Extensions

icon

Apollo Client Devtools Extension · Developer Tools 1,000+ 266 ★ 490KiB

icon

Svelte REPL Meister Extension · Developer Tools 1,000+ 0 ★ 33.03KiB

icon

Web Vitals Extension · Developer Tools 1,000+ 43 ★ 398KiB

icon

Gimli Tailwind Extension · Developer Tools 1,000+ 33 ★ 151KiB

icon

Svelte DevTools Extension · Developer Tools 1,000+ 19 ★ 58.61KiB

icon

Vue.js devtools Extension · Developer Tools 1,000+ 43 ★ 2.08MiB

icon

Alpine.js devtools Extension · Developer Tools 1,000+ 34 ★ 67.78KiB

icon

Vue.js devtools (beta) Extension · Developer Tools 1,000+ 149 ★ 2.54MiB

icon

Vue Telescope Extension · Developer Tools 1,000+ 17 ★ 1.37MiB

icon

SVOLTE Extension · Developer Tools 1,000+ 5 ★ 321KiB

icon

Sveltime Extension · Developer Tools 1,000+ 3 ★ 186KiB

icon

Svelte Slicer Extension · Developer Tools 1,000+ 0 ★ 213KiB

icon

Vue.js devtools Extension · Developer Tools 1,000+ 2131 ★ 2.57MiB

icon

Solid Devtools Extension · Developer Tools 1,000+ 7 ★ 123KiB

icon

Angular DevTools Extension · Developer Tools 1,000+ 159 ★ 3.2MiB

icon

VisBug Extension · Developer Tools 1,000+ 252 ★ 5.38MiB

icon

Devtools for Tailwind CSS Extension · Developer Tools 1,000+ 18 ★ 49.64MiB

icon

Preact Developer Tools Extension · Developer Tools 1,000+ 11 ★ 147KiB

icon

Motion DevTools Extension · Developer Tools 1,000+ 8 ★ 788KiB

icon

React Context DevTool Extension · Developer Tools 1,000+ 21 ★ 2.35MiB

icon

Tailwind Devtools Extension · Developer Tools 1,000+ 8 ★ 103KiB

icon

Tailwind CSS Devtools Extension · Developer Tools 1,000+ 7 ★ 857KiB

icon

Refined GitHub Extension · Developer Tools 1,000+ 213 ★ 572KiB

icon

Svelte Reactive Debugger Extension · Developer Tools 1,000+ 0 ★ 216KiB