Svelte DevTools+
Adds Svelte debugging tools to the Chrome Developer Tools
什么是Svelte DevTools+？
Svelte DevTools+是由sveltedevtools开发的Chrome扩展程序，该扩展的主要功能是“Adds Svelte debugging tools to the Chrome Developer Tools”。
扩展截图
下载Svelte DevTools+扩展crx文件
下载Svelte DevTools+扩展crx格式的文件，手动将Chrome插件安装到浏览器中，也可以将crx文件分享给朋友，轻松安装Chrome插件。
扩展使用说明
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 扩展基本信息
| 名称 |  Svelte DevTools+ |
| ID | bgelkjgjabbfoeiicgoddeadicoofcfk |
| 官方URL | https://chromewebstore.google.com/detail/svelte-devtools+/bgelkjgjabbfoeiicgoddeadicoofcfk |
| 简介 | Adds Svelte debugging tools to the Chrome Developer Tools |
| 文件大小 | 267 KB |
| 安装次数 | 1,394 |
| 当前版本 | 1.1.1 |
| 更新时间 | 2023-12-12 |
| 上架时间 | 2023-08-13 |
| 评分 | 4.00/5 共5次评分 |
| 开发者 | sveltedevtools |
| 电子邮箱 | [email protected] |
| 付费类型 | free |
| 支持的语言 | en |
| 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:\/\/*\/*",
" | |
