Svelte DevTools

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

在https://github.com/sveltejs/svelte-devtools/releases上查看ChangElog

---

Svelte DevTools是开源Svelte Svelte Javascript框架的浏览器DevTools扩展程序。它使您能够获得深入的见解，并检查开发人员工具面板本身中的Svelte组件层次结构。安装后，您将在标题为“ Svelte”的浏览器Devtools中获得一个新标签。 DevTools面板只能在启用“ Dev”模式的站点上使用，当您在本地运行Svelte应用程序时，应在框外工作。

关键功能：

- 零配置：在开发模式下运行您的应用程序并使一切正常

- 实时组件树：实时的Svelte组件层次结构可视化，对您的应用结构的更深入了解，并轻松识别组件之间的关系

- 交互式状态检查：在一个地方毫不费力地修改和实验组件状态，并轻松查看事件和其他状态

- 黑暗模式支持：在轻度和深色模式下享受时尚和用户友好的界面

- 开源和社区驱动：此扩展是开源的，并由Svelte社区积极维护

此扩展名需要访问选项卡的内容的权限，数据将在您的浏览器中本地处理并在每个会话后进行清除。

第一步：下载Svelte DevTools安装扩展

第二步：下载下来的扩展解压到你想放的文件夹里

比如我解压到extend文件夹

打开Chrome的扩展页面（chrome：// extensions /或按Chrome菜单图标>更多工具>扩展程序），右上角开发者模式，点击开启，蓝色为开启，灰色为关闭；

再次将crx文件拖放到扩展程序，页面左下角提示：“扩展功能、应用和主题背景可能会损害您的计算机。您确定要继续吗？”

点击“继续”依然显示“无法从该网站添加应用、扩展程序和用户脚本”。尝试另一种办法方法。

第三步：把crx后缀改为zip，再进行解压

如果有些windows电脑系统查看不到文件扩展名，则可以通过以下设置：

找到文件夹顶部，点击查看

点击查看，找到隐藏已知文件扩展名，去掉前面的勾即可

这样你就能看到解压好的扩展名：.crx

解压的扩展名为.crx

把.crx改为：zip

然后再用解压工具再解压一遍，即可得到扩展的全部文件

然后再谷歌浏览器插件页面选择：加载已解压的扩展程序

这样就安装成功了

友情提醒：

其他浏览器，包括qq浏览器，360浏览器，edge浏览器，猎豹浏览器，搜狗浏览器安装插件的方法都是类似的，以上内容大部分通用！