English
See more
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
Extension ID
Languages Support
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
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
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
"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"]}
