Svelte DevTools

简介:

用于调试 Svelte 应用程序的浏览器 DevTools 扩展。

Svelte DevTools 是开源 Svelte JavaScript 框架的 Chrome DevTools 扩展。它使您能够深入了解并检查 Chrome 开发人员工具面板本身中的 Svelte 组件层次结构。安装后，您将在 Chrome DevTools 中看到一个名为“Svelte”的新选项卡。

主要特征：

- 零配置：在开发模式下运行您的应用程序并让一切正常工作
- 实时组件树：实时显示精简的组件层次结构，更深入地了解您的应用程序结构并轻松识别组件之间的关系
- 交互式状态检查：在一处轻松修改和试验组件状态，并轻松查看事件和其他状态
- 深色模式支持：在浅色和深色模式下享受时尚且用户友好的界面
- 开源和社区驱动：此扩展是开源的，由 Svelte 社区积极维护

此扩展需要访问选项卡内容的权限，但一切都在浏览器本地发生，并且在每次会话后都会被清除。