Emmet LiveStyle是一款可以提高开发效率的CSS编辑器开发者插件。LiveStyle目前不仅仅支持一Chrome浏览器,还支持Safari浏览器,可以实时进行CSS调试插件工具,非常适合前端工程师的使用,
注:中文翻译来自GOOGLE
Emmet LiveStyle插件概述
Emmet LiveStyle是什么?Emmet LiveStyle是一款可以提高开发效率的CSS编辑器开发者插件。LiveStyle目前不仅仅支持一Chrome浏览器,还支持Safari浏览器,可以实时进行CSS调试插件工具,非常适合前端工程师的使用,用以提供前端工程师的开发效率,同时还可以利用LiveStyle和Sublime Text3编辑器结合可实现可视化开发,一次配置,简单易用。
Emmet LiveStyle插件功能介绍
Emmet LiveStyle有如下几个特点:
1. 即时更新(不会重新加载页面,样式修改以后无需保存也能预览);;
2. 多个页面同时预览(例:同时打开多个页面,并且关联到相同的CSS,此时修改该CSS,这些页面都能即时显示修改内容);
3. 双向修改(在Chrome开发者工具和Sublime Text中,只要有一处修改,两个工具的样式都会更改。)
4. 便捷的安装和使用。
Emmet LiveStyle插件下载安装
Emmet LiveStyle插件哪里可以下载?你可以从chrome应用商店里找到Emmet LiveStyle,如果你的chrome应用商店无法打开,你可以在本站的下方找到Emmet LiveStyle插件下载地址。
Emmet LiveStyle插件怎么安装?
1. 如果你能够打开chrome应用商店,并且可以找到Emmet LiveStyle插件,那么直接点击“添加至chrome”,如下图所示:
2.如果你的chrome应用商店无法打开,你从本站或者其他途径获得了Emmet LiveStyle插件,那么就选择离线安装该插件。由于Emmet LiveStyle插件同其他chrome插件一样都是CRX格式的,所以具体的安装方法请参照:怎么在谷歌浏览器中安装.crx扩展名的离线Chrome插件? 如果CRX格式插件不能离线安装怎么办?
Emmet LiveStyle插件使用说明
Emmet LiveStyle插件怎么使用?
1.chrome浏览器安装好livestyle后,用Chrome打开需要编辑的地址,右键点击查看网页元素,可看到下图所示:
2.此时在Chrome代码查看器中编辑您的CSS,即可同步到您在Sublime Text中打开的CSS文件中。或者在Sublime Text中编辑您的CSS也可义在浏览器中同步显示页面效果!
Emmet LiveStyle插件注意事项
更多优秀chrome插件推荐
Emmet LiveStyle插件英文介绍
Live bi-directional CSS editing of new generation
---------------------------------------------------
Must be used with Sublime Text editor.
For more info, read http://livestyle.emmet.io/install/
---------------------------------------------------
Unlike other similar tools, LiveStyle doesn't replace CSS file in browser (or file system) to display changes, it performs structural analysis as-you-type and maps changes from one CSS source into another.
Benefits are:
* Easily live edit you production web-site with original CSS source, even if web-site contains minified and concatenated CSS.
* No file saving, no page reloading
* You need only web browser and editor for live editing: no special web-server or file watcher required.
* It doesn't matter where your CSS file comes from: local file system, FTP or some fancy network mount — if it can be opened in editor, you can use it for live editing.
* Use multiple windows to tweak responsive design: changes made in editor or DevTools are automatically spanned across windows.
More info and how to use it: http://livestyle.emmet.io
Emmet LiveStyle:实时高效的CSS编辑器插件LOGO图片
Emmet LiveStyle:实时高效的CSS编辑器 相关插件推荐
开发者插件
2020-02-07 06:57:16
简介
此 web 扩展允许用户决定是否应该为给定主机或给定选项卡启用或禁用 JavaScript。功能
-设置默认状态 (JS on 或 JS off)
-设置禁用行为 (按域或按选项卡)
-使用快捷方式 (您也可以禁用此)
-使用上下文菜单项进行切换(您也可以禁用此功能)
-请参见您的黑名单/白名单域列表
-在访问站点之前手
开发者插件
2019-07-11 17:12:03
Alexa 流量排名是 Chrome Internet 对 Chrome 的免费扩展。当你冲浪时,Alexa 扩展会伴随你,为你提供关于你访问的网站的 Alexa 数据,而不会中断你的浏览。Alexa 扩展还包括 Alexa 流量面板中的您。
快速方便地访问网站的 Alexa 流量排名和链接的网站。这个网站的流量与网站上的其他网站相比如何?
查看网站的评论程度。你同意吗?按照
开发者插件
2015-01-27 16:07:13
为增强GitHub的资源导航的Android托管项目
特点:
* GitHub上观看的Android XML资源进行处理,使任何包含资源标识符将直接链接到相应的外部文件或特定的报关行的地方适当的。
*快速通过一个随时可用的浏览器操作按钮打开Android框架风格或主题XML 。
*类型'阿尔恩'后跟一个搜索词到地址栏找到一个特定的Android框架风格或主题。使用建议直接导航到相应的XML资源定义。
*
开发者插件
2018-02-20 19:02:39
一个好用到爆的数据爬虫工具,支持微信公众平台、今日头条、豆瓣电影、大众点评、淘宝众筹等。
★ 在网页上显示微信文章的阅读点赞评论打赏数据
★ 微信文章分钟监测及文章回采
★ 查看收藏夹数据,分层级显示
★ 内置通用的URL打开器,可辅助自动爬数
★ 自动关闭已爬页面
★ 插件开源,无限扩展
更新记录:
<
开发者插件
2019-01-17 14:12:24
小幺鸡在线接口文档管理系统,支持http,websocket协议。支持json,txt,xml,binary等数据格式在线演示。
1.4.1 增加response headers 支持
开发者插件
2022-05-03 11:11:35
处理 PHP 错误/异常,转储 PHP vars, 远程执行 PHP 代码,并使用此扩展和它的服务器端 PHP 库 https://github.com/barbushin/php-console 进行其他酷的事情 http://consle.com/instance/examples
-扩展功能-
开发者插件
2019-02-14 17:20:43
Chameleon让您快速查看Web应用在多个设备视口中的响应能力。
开发者插件
2022-05-03 11:24:56
google analytics Debugger是一款可以用来调试GA数据统计分析的chrome插件。打印有用的信息,通过启用谷歌Analytics的Javascript调试版本JavaScript控制台。这个扩展装载谷歌Analytics(分析)的Java
开发者插件
2015-11-30 19:31:33
无线页面常用检测
V 0.0.5 版本更新(2015-09-13):
1. https 去前缀判断增加访问环境影响导致误报的容错处理
2. 优化资源匹配类的一些正则,使得所需资源的过滤正确率及抓取率趋向于完美
3. 新增 WebP 优化应用后节省图片总体积的数值对比
4. 代码重构,效率上得以提升,更便于后续功能的增加和迁移
--
开发者插件
2016-04-14 02:05:21
All Downloader Professional finds links, images, videos, documents on a website an make them downloadable.
- Find and download all elements of a website
- find hidden pictures on websites
开发者插件
2015-12-07 11:40:03
酷和快速访问在线CSS3图
此扩展增加了一个功能强大的CSS3图表,您正在查看的页面
开发者插件
2020-01-25 20:10:24
在 Chrome Web store 中查看任何 Chrome 扩展的源代码,而无需安装它。
特点: chrome Web store 的按钮-下载扩展名为 zip 文件-查看源
-通过按钮上的上下文菜单可配置: 通过 “设置一键操作点击 “主要操作。
-查看来源:
-文件名/类型过滤器
-在文件内容中搜索 (文字或 regexp)
-
开发者插件
2019-10-09 22:06:08
此扩展测量页面加载时间,并在工具栏中显示它。 web 定时 API 用于精确测量。图标来自 Human-O2 的 icon set
http://schollidesign.deviantart.com/art/Human-O2-Iconset-105344123
源代码可在
https://github.com/alex-vv/chrome-load-time
开发者插件
2015-03-18 08:36:33
编辑任何HTML页面到浏览器这个功能强大的所见即所得的编辑器
将您的浏览器成为一个所见即所得的HTML编辑器。
词条编辑使用CKEditor的(见http://ckeditor.com )为WYSIWYG编辑器和CodeMirror (见http://codemirror.net )的源代码编辑器
特点:
- 所见即所得的网页编辑器
- 在源代码编辑模式语法颜色高亮(点击& QUOT ;源& QUOT按钮)
- 存储在HD
开发者插件
2015-11-12 22:29:32
一键切换您预先保存的账号列表。快速无刷新。
一键切换您预先保存的账号列表。快速无刷新。
开发者插件
2018-03-18 06:59:48
开发前端页面时,快捷管理本地的浏览器插件,防止第三方插件对页面的影响。
开发者插件
2019-03-10 18:22:54
EOLINKER 是中国最大的 API 管理平台。
此插件为 eoLinker 提供跨域测试、文件测试、自动化测试等。与其他插件相比,eoLinker 的产品功能更侧重于 API 文档管理、团队协作和自动 API 测试。更新日志: V4.5.7
* 修复一些错误
开发者插件
2019-12-20 00:23:15
Toggle JavaScript 提供了一个简单、易于访问的浏览器按钮,可以全局启用或禁用 JavaScript。
它是在考虑 web 开发人员的情况下构建的, 但是对于任何想快速启用/禁用 JavaScript 而不必深入 Chrome 的设置面板的人来说,这同样有用。功能:-全局 JavaScript 主交换机-切换时重新加载,以确保准确的渲染(自 1.3 起可选)
开发者插件
2019-03-09 20:28:40
显示您的GitHub通知未读计数
它每分钟检查一次GitHub通知API。 支持GitHub Enterprise,并且只显示您参与的问题的未读计数选项。
开发者插件
2019-06-16 01:24:03
注意:
从 1.0.0 版开始,我们需要你的许可来阅读关于 “标签” 的信息。没有这一点,我们无法轻松地将您重定向到我们的工具。 Google Chrome 的 “搜索引擎”™是一个方便的插件,用于快速准确的网站搜索引擎优化分析。Seoptimer 检查页面 SEO 上的所有重要因素。通过检查页面 SEO 因素中最重要的因素来分析你的网站。结果,你会得到最好的优化提示的清晰的 SEO