Live editor for CSS, Less & Sass - Magic CSS Chrome 插件, crx 扩展下载
扩展ID: ifhikkcafabcgolfjegfcgloomalapol
Live preview of CSS/Less/Sass code changes. Auto-save file, autocomplete, Less/Sass to CSS, beautify, CSS reloader, lint, ...Run this extension and start writing your CSS/Less/Sass code which gets applied immediately. The code you write will be saved in the browser extension's storage space or the site's local storage. Featuring: * Live editor for CSS/Less/Sass code - Preview changes as you write code * Live edit CSS files and auto-save on file system * CSS reloader * Option to reapply styles automatically * Syntax Highlighting * Auto-generate CSS selectors with point-and-click * Autocomplete for CSS selectors, properties and values * Emmet support helps in quickly expanding abbreviations to CSS code (https://docs.emmet.io/css-abbreviations/) * Color picker (supports HEX, RGB, RGBA, HSL and HSLA) * Convert code from Less/Sass to CSS * Beautify / Format code * Minify code * Highlight DOM elements matching the CSS selectors * Option to load this extension in iframes as well * Lint CSS code Open source: * https://github.com/webextensions/live-css-editor This extension is available for: * Google Chrome * Microsoft Edge * Mozilla Firefox * Opera Visit https://webextensions.org/ for further details Created by: * Priyank Parashar Uses: * No need to refresh pages to test your CSS/Less/Sass code * Auto-save your changes to filesystem as you write the code * Reload CSS resources without refreshing the page * Speed-up development and testing of your styling code by doing it directly on your page * Develop and test your code before finalizing your changes into the project files * Apply some temporary styles (like hiding some components) * Test styling changes even when you cannot modify the original source code Notes: * The CSS/Less/Sass code you write gets applied as you write it * The CSS reloader watches CSS files and live updates them immediately * The Sass parser is loaded remotely from https://cdnjs.cloudflare.com/ajax/libs/sass.js/... * With this styling code tester, you can develop and test the code at the same time * The code is saved in file/browser as soon as you write it * The code editor is resizable and draggable * The code you write is auto-saved at site level and can be used again for same or different pages * You can use "TAB" key to indent your code * Running Magic CSS again, while it is already loaded, will restore it to its original position and size * Press "Esc" or click on close to hide it and run it again to continue making changes * The code you write is added at the bottom of the <body> tag of the active page * It includes CSS/Less/Sass beautifier * It includes CSS minifier * It highlights the DOM elements matching the CSS selectors * Use it along with your favorite Chrome/Edge/Firefox/Opera Developer tools * You might find it useful in creating your custom themes for websites based on Stylish / Stylist * This extension was previously known as "MagiCSS - Live CSS Editor" Credits for open source code used by this extension: * Amplify JS * Browserify * Code Mirror * codemirror-colorpicker by easylogic @ GitHub * Emmet codemirror-plugin by emmetio @ GitHub * CSS Pretty * CSSLint * jQuery * jQuery UI * jQuery UI Touch Punch * Less * magicsuggest * Mozilla Source Map * SASS / SCSS * socket.io (WebSocket API library) * Tooltipster Inspirations: * "Auto-generate CSS selectors with point-and-click" feature is partly inspired by the Chrome extensions SelectorGadget and Stylebot Connect to us at: * https://webextensions.org/ * https://github.com/webextensions/live-css-editor * https://twitter.com/webextensions * Priyank Parashar - https://linkedin.com/in/ParasharPriyank/
名称 | Live editor for CSS, Less & Sass - Magic CSS |
插件标识 | ifhikkcafabcgolfjegfcgloomalapol |
平台 | Chrome |
评分 | 0 |
评分人数 | 175 |
插件主页 | https://webextensions.org |
作者 | webextensions.org |
版本号 | 8.6.0 |
大小 | 573 KB |
官网下载次数 | 40000 |
分类 | 查看更多 web开发 分类下的扩展插件 |
下载地址 | |
更新时间 | 2020-10-16 00:00:00 |
CRX扩展文件安装方法
打开Chrome浏览器的扩展程序: 地址栏直接输入:chrome://extensions/ 即可进入,将右上角的【开发者模式】开启,重启chrome(重要操作),再次打开扩展程序管理界面,把下载的crx直接拖动进去即可完成安装,注意请更新最新版本的chrome.
打开Chrome浏览器的扩展程序: 地址栏直接输入:chrome://extensions/ 即可进入,将右上角的【开发者模式】开启,重启chrome(重要操作),再次打开扩展程序管理界面,把下载的crx直接拖动进去即可完成安装,注意请更新最新版本的chrome.
回复
强烈推荐
相关推荐
大家在找这些插件
- 黑暗模式-护眼
- 蓉城
- 税号
- Pornhub 视频免费下载器 Chrome 插件_DESKTOP
- 黑暗模式-夜眼
- hare
- ai渲染
- 超市投标书
- luccascovo.com
- commercialera.com
- wechatneedweb
- 多线程下载管理插件
- 多线程下载插件
- asciidoctor.js
- 标签页冻结
- uipx-chrome-plugin-master
- Koala Inspector
- palinsestotv.com
- magyargifts.com
- 秘密阅读助手
- 媒体流
- docs online viewer
- NTKO WEB chrome
- kimi阅读助手
- ungerboeck
- bookmark preview
- easy scraper
- been choice
- css pr
- popchatgpt
- zeroomega
- openh246
- bookmark preview - productivity and extensio
- kimi网页总结助手
- ai文生视频
- canvasblocker
- fuzz
- bookmark preview - productivity and extension
- rss feed reader
- free ???vp
- right-click image saver free
- notion web clipper
- speed conctroll
- baiduexport
- transkriptor
- ttpheader
- cog system view
- ublock origin 1.54.0
- troywell
- kimi copilot
- ai文字生视频
- asciidoctor.js live preview download chrome
- link preview sidebar
- asciidoctor.js live preview
- tinamind
- 视频网页全屏
- 跳墙
- trancyt
- 文章总结
- mpi-corporation.com
- Pornhub è§é¢å è´¹ä¸è½½å¨ Chrome æ件
- 安全协议
- Kimi网页总结助手
- Kimi阅读助手
- elmo
- Easy Scraper
- mega303bet.jimdosite.com
- megapari2023com.jimdosite.com
- chart gpt
- infinity标签页
- enblecopy
- hala
- Right-click Image Saver Free
- COG SYSTEM VIEW
- COG
- dynamics power pane
- dynamics crm
- 复制文字
- 网页 复制
- Kimi Copilot
- UBlock
- vvload
- Persepolis
- 视频限制
- hostory
- clear history
- 视频编辑
- Ilink
- tg
- TinaMind
- CSS PR
- ag智能
- Elmo
- tver
- 页游
- 夜游
相关搜索词
- Live CSS Editor
- live css editor
- less translate
- less
- Less Translate
- Magic Viewer for Chrome™
- Magic Viewer for Chrome???
- Magic Actions for YouTube
- Magic Actions for YouTube
- Heroes &
- heroes &
- potify™ & Deezer™ Music Downloader
- AMP Validator 1.2.0
- Oracle EBS R12&11i谷歌浏览器启动器 Chrome 插件 crx 扩展下载
- magic
- Magic
- MAGIC
- magic copy
- magic-copy
- Magic copy
- Page Editor