LOADING

Live editor for CSS, Less & Sass - Magic CSS

Live editor for CSS, Less & Sass - Magic CSS8.20.1

CSS/Less/Sass 代码更改的实时视图。自动保存文件、自动完成、Less/Sass 到 CSS、美化、CSS 重新加载器、lint、...运行此扩展并开始编写您的 CSS/Less/Sass 代码,这些代码会立即应用。您编写的代码将保存在浏览器扩展的存储空间或站点的本地存储中。特色: ✓ CSS/Less

官方版无广告52

更新日期:2021年 8月 29日分类标签:语言:中文平台:

1.57MB 0 人已下载 手机查看

简介:
CSS/Less/Sass 代码更改的实时视图。自动保存文件、自动完成、Less/Sass 到 CSS、美化、CSS 重新加载器、lint、…运行此扩展并开始编写您的 CSS/Less/Sass 代码,这些代码会立即应用。您编写的代码将保存在浏览器扩展的存储空间或站点的本地存储中。特色: ✓ CSS/Less/Sass 代码的实时编辑器 – 在您编写代码时预览更改✓ 自动完成✓ 实时编辑 CSS 文件并自动保存在文件系统中✓ 在外部窗口中打开代码编辑器✓ CSS 重新加载器✓ 自动重新应用样式的选项✓ 语法高亮✓ 通过点击自动生成 CSS 选择器✓ 埃米特支持✓ 颜色选择器✓ 将代码从 Less/Sass 转换为 CSS ✓ 美化/格式化代码✓ 缩小代码✓ 突出显示与 CSS 选择器匹配的 DOM 元素✓ 也可以在 iframe 中加载此扩展✓ 获取 SVG 图标✓ 棉绒 CSS 代码此扩展适用于: ✓ 谷歌浏览器✓ 微软边缘✓ 火狐浏览器✓ 歌剧开源: ✓ https://github.com/webextensions/live-css-editor ====+====+====+====+====+====我们的一些用户说:贾斯汀·黑尔 – ★★★★★ “这个扩展太棒了!它允许我精确定位特定的 css 修饰符以正确覆盖它们。”约翰尼彼得罗 – ★★★★★ “我从来没有预料到这一点:这个扩展改变了我编写代码的方式。这基本上将 Chrome 变成了一个实时排版系统。不再需要在 chrome 调试器中开发 css。不再需要在 IDE/编辑器中开发 css。我觉得这会将 Chrome 变成文字处理器。”坦纳遗留问题 – ★★★★★ “我每天都使用这个插件。我的意思不是一天一次或两次,我的意思是它让 5 小时的工作对我来说变成了 2 小时,而且我经常使用它。”瓦兹克斯 – ★★★★★ “难以置信!我正在搜索的所有内容都运行实时,因此您不必每次编辑内容时都刷新,在键入时提供非常好的建议,并且在键入名称时颜色等其他小功能会显示在方块中。最好的功能之一是在网站上自动启用。我为一些网站制作了深色主题模式,感谢这个扩展!太棒了!!!” ====+====+====+====+====+====您可能希望将其用于: ➤ 无需刷新页面即可测试您的 CSS/Less/Sass 代码➤ 编写代码时自动保存对文件系统的更改➤ 在不刷新页面的情况下重新加载 CSS 资源➤ 通过直接在页面上编写代码来加快开发速度➤ 在完成更改之前开发和测试代码➤ 应用一些临时样式(比如隐藏一些组件) ➤ 是否在任何网站上更改 CSS笔记: ➤ 你写的 CSS/Less/Sass 代码会在你写的时候应用➤ CSS 重新加载器监视 CSS 文件并立即实时更新它们➤ Sass 解析器从 https://cdnjs.cloudflare.com/ajax/libs/sass.js/ 远程加载… ➤ 您可以开发代码并同时查看输出➤ 代码一写就保存在文件/浏览器中➤ 代码编辑器可拖动且可调整大小➤ 在外部窗口使用代码编辑器开发响应式页面➤ 您编写的代码会自动保存到站点➤ 您可以使用“TAB”键缩进您的代码➤ 再次运行 Magic CSS,当它已经加载时,禁用代码➤ 按“Esc”或点击关闭隐藏它➤ 代码添加在<body>标签的底部➤ 它包括 CSS/Less/Sass 美化器➤ 它包括 CSS 压缩器➤ 它突出显示与 CSS 选择器匹配的 DOM 元素➤ 与 Chrome/Edge/Firefox/Opera 开发者工具一起使用➤ 您可能会发现它在为基于 Stylish / Stylist 的网站创建自定义主题时很有用➤ 此扩展以前称为“MagiCSS – 实时 CSS 编辑器”安全和隐私: ⓘ 安装扩展不需要权限批准ⓘ 对于高级功能,如“自动应用样式”,按需请求权限ⓘ Google Analytics 用于获取匿名统计数据以改善用户体验ⓘ 浏览器扩展的存储、localStorage 等用于扩展的核心功能。启示: *“通过点击自动生成 CSS 选择器”功能部分受到 Chrome 扩展 SelectorGadget 和 Stylebot 的启发如果您正在寻找 Magic CSS 中尚不可用的功能,您可能会喜欢的替代 CSS 开发工具: * Amino:实时 CSS 编辑器* CSS 窥视器* CSS查看器* Page Ruler Redux * 完美像素* 风格机器人* 手写笔*视口调整器* 视觉错误* 什么字体访问 https://webextensions.org/ 了解更多详情。由…制作: ➤ 普里扬克·帕拉沙尔 – https://linkedin.com/in/ParasharPriyank/联系我们: ➤ https://webextensions.org/ ➤ https://github.com/webextensions/live-css-editor ➤ https://twitter.com/webextensions

相关资源

MXtoolbox lookup tool
从 Google Chrome 的工具栏和上下文菜单中查看 MXtoolbox 上的各种记录。一个简单的小型扩展,用于检查 MXtoolbox 上的所有类型的记录。我创建它是因为我需要经常检查 A 和 MX 记录,这可以节省我的时间。用法:默认扩展名以:(A 记录)开头,只需填写域名并点击开始。要检查其他类型的信
Salesforce Dependent Picklist Matrix Export
将相关选项列表矩阵保存为 CSV 文件注意:一些用户报告说,如果他们使用 VPN 或代理,扩展对他们不起作用。请检查您是否也是这种情况,并尝试不使用 VPN/代理。一些用户报告说导出的文件没有完整的数据。在所有这些情况下,数据都会在特殊字符(例如“+”或任何其他字符)之后进行修剪。我无法在我的一端复制此问题,因此
Breakpoint Tester
在多个断点之间轻松切换以测试站点在各种屏幕尺寸下的响应能力。 Breakpoint Tester 用于快速轻松地测试网站在各种断点处的响应能力。 Breakpoint Tester 附带了一些合理的默认值,可以让您正确开始,但我们非常欢迎您使用自己的自定义断点。 Breakpoint Tester 使用 Boot
Open in VS Code
添加一个按钮,通过单击从 Github、Gitlab、Bitbucket 和 Jira 导航到 VS Code添加一个简单的按钮,通过单击从 Github、Gitlab、Bitbucket 和 Jira 导航到 VS Code。需要 VS Code 中的“通过 URI 打开最近的”插件(https://marke
Cross Domain – CORS
Cross Domain 将帮助您处理跨域——CORS 问题。当遇到跨域问题时,这个工具很有用。访问网站:https://devratroom.blogspot.com/p/cross-domain-cors-extension.html跨域将帮助您处理跨域 - 跨源资源共享(CORS)问题。这是一个小工具,对面
Github VS Code One Dark Vivid with Fira Code
将 Githubs 代码外观更改为尽可能类似于 One Dark Vivid of VS Code,基于 vovanmix/github-dark-theme需要在本地安装 FIRA 代码! https://github.com/tonsky/FiraCode#download-v1205--how-to-ins

暂无评论

暂无评论...