Plugin Icon

StarterCSS Chrome 插件, crx 扩展下载

Plugin Screenshot
Plugin Screenshot
                    

Rapidly implement CSS layouts, effects, and designs without parsing through online docs

StarterCSS is a beginner-friendly version of devtools that cuts out time spent Googling for CSS docs and tutorials. StarterCSS provides a dashboard to implement, experiment with, and visualize CSS features at just a few clicks. The dashboard is directly embedded as a devtool panel (alongside the "Styles" and "Computed" panels) for quick access. Simply inspect an element and quickly make changes to it in the StarterCSS panel. With StarterCSS, you can: ✅ Add and customize layouts like flexboxes and grids, in addition to various visual attributes, in seconds ✅ Visualize and test CSS code in isolated environments ✅ Encounter fewer context switches from needing to look up CSS docs ✅ Export created designs/layouts into CSS for copying into your local code editor To access the extension, go to the "Elements" Tab in Chrome Devtools (Right Click > "Inspect" or Command+Shift+C). You should see a separate row with tabs like "Styles", "Computed", and "Layout". StarterCSS will be another panel here; if you've just downloaded the extension, you may have to click the ">>" (see more) icon to see all panels. More info at startercss.fun! If you'd like to leave feedback, visit bit.ly/startercss-feedback.

分类 💻开发者工具
插件标识 iafddfmhieikpdmmakjedpcconjgcgga
平台 Chrome
评分
★★★★★ 5.00
评分人数 4
插件主页 https://chromewebstore.google.com/detail/startercss/iafddfmhieikpdmmakjedpcconjgcgga
大小 1.18MiB
官网下载次数 74
下载地址

CRX扩展文件安装方法

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

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

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

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

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

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

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

同类插件推荐