MagiCSS - Live CSS Editor Chrome插件

插件分类：开发者插件更新日期：2020-06-28 15:34

MagiCSS - Live CSS Editor Chrome插件图文教程

Live preview of CSS changes with an in-page CSS editor. Beautify CSS, minify CSS, syntax highlighting and create GitHub Gist & mail.
Created by:
- Priyank Parashar https://linkedin.com/in/ParasharPriyank/

Featuring:
- Live CSS Editor - Preview changes as you write CSS
- Syntax Highlighting
- Beautify CSS / Format CSS
- Minify CSS / Uglify CSS
- Create GitHub Gist & E-mail

Just run MagiCSS and start writing your CSS code and it gets applied immediately. The CSS code you write will be applied on the current web page and it will be stored on your browser's local storage at site level.

Uses:
-----
- Do not reload pages to test your CSS code
- Speed-up development and testing of your CSS code by doing it directly on your page
- Develop and test your CSS code before finalizing your changes into the CSS files
- Apply some temporary CSS styles (like hiding some components)
- Test CSS changes even when you can not modify the original source code

Notes:
------
- The CSS code you write gets applied as you write it
- With this CSS tester, you can develop and test the code at the same time
- The CSS code is saved in browser as soon as you write it
- Use it along with your favorite Chrome Developer tools, Firebug Lite etc.
- The CSS editor is resizable and draggable
- The CSS code you write is auto-saved at site level and can be used again for same or different pages
- You can even use "TAB" key to indent your code
- Running MagiCSS (again) while it is already visible will restore it to its original position and size
- Press "Esc" or click on close to hide it and run the bookmarklet again to continue making changes
- The CSS code you write is added at the bottom of the <body> tag of the active page
- It includes CSS beautifier and CSS minifier. Use them to improve your CSS code
- It highlights the DOM elements matching the CSS selectors

Credits for open source code and services used by this extension:
- Amplify JS
- Code Mirror
- CSS Beautify
- GitHub Gist
- jQuery
- jQuery UI
- JSBookmarklets
- Tooltipster
- YUI CSS Min