Live editor for CSS, Less & Sass - Magic CSS v7.0.7 图文介绍

运行此扩展并开始编写立即应用的 CSS/Less/Sass 代码。您编写的代码将保存在浏览器的站点级本地存储中。
特色:
* CSS/Less/Sass 代码的实时编辑器-在编写代码时预览更改
* 自动重新应用样式的选项 /> * 为 CSS 选择器自动生成带有点击
* 自动完成的 CSS 选择器, 属性和值
* Emmet 支持有助于快速将缩写扩展到 CSS 代码(Https://docs.emmet.io/css-abbreviations/)
* 颜色选择器 (支持十六进制、 RGB 、 RGBA 、HSL 和 HSLA) * 将代码从 Less/Sass 转换为 CSS * 美化/格式化代码 * 缩小代码 * 突出显示与 CSS 匹配的 DOM 元素选择器
* CSS 重新加载器
* 选项可以在 iframes 以及
* Lint CSS 代码
开源:
* https://github.com/webextensions/live-css-editor
此扩展可用于: * Google Chrome
* Microsoft Edge
* Mozilla Firefox
* Opera
访问 https://webextensions.org 由以下人员创建的详细信息:
* PriyankParashar
用途:
* 不需要刷新页面来测试 CSS/Less/Sass 代码 * 直接在你的在完成对项目文件的更改之前，页面
* 开发和测试你的代码
* 应用一些临时样式 (比如隐藏一些组件)
* 在不刷新页面的情况下重新加载 CSS 资源
*即使不能修改原始源代码，测试样式也会改变。注意: 你写的 CSS/Less/Sass 代码被应用，当你写它时，Sass 解析器从 https://cdnjs.cloudflare.com/ajax/libs/sass.js/ 远程加载。这个造型代码测试器, 您可以同时开发和测试代码
* 代码保存在浏览器中一旦你写了它，代码编辑器就可以调整大小并可拖动，你写的代码会自动保存在站点级别，并且可以再次用于相同的或者不同的页面，你可以使用 TAB 键来缩进你的代码，再次运行 Magic CSS, 当它已经加载时，将恢复按 “Esc” 或单击 “关闭” 隐藏它，然后再次运行它，继续对你编写的代码进行更改被添加到活动页面标签的底部，它包括 CSS/Less/Sass 美化器，它包括 CSS 迷你器> * 它突出了 DOM与 CSS 选择器匹配的元素与您最喜欢的 Chrome/Edge/Firefox/Opera 开发工具一起使用，您可能会发现它在创建自定义主题时很有用对于基于时尚/造型师的网站，这个扩展以前被称为 “MagiCSS-Live CSS 编辑器” 此分机: * 放大 JS
* 布朗序列化
* 代码Easylogic @ GitHub
* Emmet codemor-emmetio @ GitHub
* CSS 漂亮的插件 br/> * jQuery
* jQuery UI 触摸打卡
* 更少 SASS/SCSS
* 工具提示师
灵感来源:
* “带有点击功能的自动生成 CSS 选择器” 功能部分受到 Chrome 扩展选择小工具和 Stylebot
连接到我们的启发在:
* https://webextensions.org/
* https://github.com/webextensions/live-css-editorParashar-https://linkedin.com/in/ParasharPriyank/

注：中文翻译来自GOOGLE
运行此扩展并开始编写立即应用的 CSS/Less/Sass 代码。您编写的代码将保存在浏览器的站点级本地存储中。
特色:
* CSS/Less/Sass 代码的实时编辑器-在编写代码时预览更改
* 自动重新应用样式的选项 /> * 为 CSS 选择器自动生成带有点击
* 自动完成的 CSS 选择器, 属性和值
* Emmet 支持有助于快速将缩写扩展到 CSS 代码(Https://docs.emmet.io/css-abbreviations/)
* 颜色选择器 (支持十六进制、 RGB 、 RGBA 、HSL 和 HSLA) * 将代码从 Less/Sass 转换为 CSS * 美化/格式化代码 * 缩小代码 * 突出显示与 CSS 匹配的 DOM 元素选择器
* CSS 重新加载器
* 选项可以在 iframes 以及
* Lint CSS 代码
开源:
* https://github.com/webextensions/live-css-editor
此扩展可用于: * Google Chrome
* Microsoft Edge
* Mozilla Firefox
* Opera
访问 https://webextensions.org 由以下人员创建的详细信息:
* PriyankParashar
用途:
* 不需要刷新页面来测试 CSS/Less/Sass 代码 * 直接在你的在完成对项目文件的更改之前，页面
* 开发和测试你的代码
* 应用一些临时样式 (比如隐藏一些组件)
* 在不刷新页面的情况下重新加载 CSS 资源
*即使不能修改原始源代码，测试样式也会改变。注意: 你写的 CSS/Less/Sass 代码被应用，当你写它时，Sass 解析器从 https://cdnjs.cloudflare.com/ajax/libs/sass.js/ 远程加载。这个造型代码测试器, 您可以同时开发和测试代码
* 代码保存在浏览器中一旦你写了它，代码编辑器就可以调整大小并可拖动，你写的代码会自动保存在站点级别，并且可以再次用于相同的或者不同的页面，你可以使用 TAB 键来缩进你的代码，再次运行 Magic CSS, 当它已经加载时，将恢复按 “Esc” 或单击 “关闭” 隐藏它，然后再次运行它，继续对你编写的代码进行更改被添加到活动页面标签的底部，它包括 CSS/Less/Sass 美化器，它包括 CSS 迷你器> * 它突出了 DOM与 CSS 选择器匹配的元素与您最喜欢的 Chrome/Edge/Firefox/Opera 开发工具一起使用，您可能会发现它在创建自定义主题时很有用对于基于时尚/造型师的网站，这个扩展以前被称为 “MagiCSS-Live CSS 编辑器” 此分机: * 放大 JS
* 布朗序列化
* 代码Easylogic @ GitHub
* Emmet codemor-emmetio @ GitHub
* CSS 漂亮的插件 br/> * jQuery
* jQuery UI 触摸打卡
* 更少 SASS/SCSS
* 工具提示师
灵感来源:
* “带有点击功能的自动生成 CSS 选择器” 功能部分受到 Chrome 扩展选择小工具和 Stylebot
连接到我们的启发在:
* https://webextensions.org/
* https://github.com/webextensions/live-css-editorParashar-https://linkedin.com/in/ParasharPriyank/

Live editor for CSS, Less & Sass - Magic CSS v7.0.7插件LOGO图片