Plugin Icon

Svelte DevTools Chrome 插件, crx 扩展下载

Plugin Screenshot
                    

Browser DevTools extension for debugging Svelte applications.

Check out the changelog at https://github.com/sveltejs/svelte-devtools/releases --- Svelte DevTools is a browser DevTools extension for the open-source Svelte JavaScript framework. It allows you to gain deep insights and inspect the Svelte component hierarchies in the Developer Tools panel itself. After installing, you will get a new tab in your browser DevTools titled "Svelte". The DevTools panel will only work on sites with `dev` mode enabled, which should work out-of-the-box when you're running your Svelte app locally. Key Features: - Zero-configuration: Run your application in development mode and have everything working - Real-time Component Tree: Svelte component hierarchy visualization in real-time, deeper understanding of your application structure and identify relationships between components easily - Interactive State Inspection: Modify and experiment with component states effortlessly in one place, and easily see events and other state - Dark Mode Support: Enjoy the sleek and user-friendly interface in both light and dark modes - Open Source and Community-Driven: This extension is open source and actively maintained by the Svelte community This extension requires permissions to access the tab's content, data will be processed locally in your browser and cleared after each session.

分类 💻开发者工具
插件标识 kfidecgcdjjfpeckbblhmfkhmlgecoff
平台 Chrome
评分
★★★★☆ 4.6
评分人数 35
插件主页 https://chromewebstore.google.com/detail/svelte-devtools/kfidecgcdjjfpeckbblhmfkhmlgecoff
大小 58.61KiB
官网下载次数 10000
下载地址

CRX扩展文件安装方法

第1步: 打开Chrome浏览器的扩展程序

第2步: 在地址栏输入: chrome://extensions/

第3步: 开启右上角的【开发者模式】

第4步: 重启Chrome浏览器 (重要操作)

第5步: 重新打开扩展程序管理界面

第6步: 将下载的crx文件直接拖入页面完成安装

注意:请确保使用最新版本的Chrome浏览器

同类插件推荐