当前位置: Chrome插件首页 > 开发者插件 > Emmet LiveStyle:实时高效的CSS编辑器 Chrome插件 > Emmet LiveStyle:实时高效的CSS编辑器 Chrome插件详细图文介绍

Emmet LiveStyle:实时高效的CSS编辑器 图文介绍

Emmet LiveStyle:实时高效的CSS编辑器 Chrome插件图片

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插件功能介绍

Emmet LiveStyle有如下几个特点:
1. 即时更新(不会重新加载页面,样式修改以后无需保存也能预览);;
2. 多个页面同时预览(例:同时打开多个页面,并且关联到相同的CSS,此时修改该CSS,这些页面都能即时显示修改内容);
3. 双向修改(在Chrome开发者工具和Sublime Text中,只要有一处修改,两个工具的样式都会更改。)
4. 便捷的安装和使用。
emmetlivestyle特点

Emmet LiveStyle插件下载安装

Emmet LiveStyle插件哪里可以下载?你可以从chrome应用商店里找到Emmet LiveStyle,如果你的chrome应用商店无法打开,你可以在本站的下方找到Emmet LiveStyle插件下载地址。

Emmet LiveStyle插件怎么安装?
1. 如果你能够打开chrome应用商店,并且可以找到
Emmet LiveStyle插件,那么直接点击“添加至chrome”,如下图所示:

安装livestyle
2.如果你的chrome应用商店无法打开,你从本站或者其他途径获得了
Emmet LiveStyle插件,那么就选择离线安装该插件。由于Emmet LiveStyle插件同其他chrome插件一样都是CRX格式的,所以具体的安装方法请参照:怎么在谷歌浏览器中安装.crx扩展名的离线Chrome插件? 如果CRX格式插件不能离线安装怎么办

Emmet LiveStyle插件使用说明

Emmet LiveStyle插件怎么使用?
1.chrome浏览器安装好livestyle后,用Chrome打开需要编辑的地址,右键点击查看网页元素,可看到下图所示:
livestyle使用方法1
2.此时在Chrome代码查看器中编辑您的CSS,即可同步到您在Sublime Text中打开的CSS文件中。或者在Sublime Text中编辑您的CSS也可义在浏览器中同步显示页面效果!
livestyle使用方法2


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编辑器 相关插件推荐

Disable JavaScript

开发者插件 2020-02-07 06:57:16

简介
此 web 扩展允许用户决定是否应该为给定主机或给定选项卡启用或禁用 JavaScript。功能
-设置默认状态 (JS on 或 JS off)
-设置禁用行为 (按域或按选项卡)
-使用快捷方式 (您也可以禁用此)
-使用上下文菜单项进行切换(您也可以禁用此功能)
-请参见您的黑名单/白名单域列表
-在访问站点之前手

Alexa Traffic Rank v4.0.3

开发者插件 2019-07-11 17:12:03

Alexa 流量排名是 Chrome Internet 对 Chrome 的免费扩展。当你冲浪时,Alexa 扩展会伴随你,为你提供关于你访问的网站的 Alexa 数据,而不会中断你的浏览。Alexa 扩展还包括 Alexa 流量面板中的您。
快速方便地访问网站的 Alexa 流量排名和链接的网站。这个网站的流量与网站上的其他网站相比如何?
查看网站的评论程度。你同意吗?按照

Android Resource Navigator

开发者插件 2015-01-27 16:07:13

为增强GitHub的资源导航的Android托管项目
特点:

* GitHub上观看的Android XML资源进行处理,使任何包含资源标识符将直接链接到相应的外部文件或特定的报关行的地方适当的。

*快速通过一个随时可用的浏览器操作按钮打开Android框架风格或主题XML 。

*类型'阿尔恩'后跟一个搜索词到地址栏找到一个特定的Android框架风格或主题。使用建议直接导航到相应的XML资源定义。

*

爬爬

开发者插件 2018-02-20 19:02:39

一个好用到爆的数据爬虫工具,支持微信公众平台、今日头条、豆瓣电影、大众点评、淘宝众筹等。

★ 在网页上显示微信文章的阅读点赞评论打赏数据
★ 微信文章分钟监测及文章回采
★ 查看收藏夹数据,分层级显示
★ 内置通用的URL打开器,可辅助自动爬数
★ 自动关闭已爬页面
★ 插件开源,无限扩展


更新记录:
<

PHP Console v3.0.38

开发者插件 2022-05-03 11:11:35

处理 PHP 错误/异常,转储 PHP vars, 远程执行 PHP 代码,并使用此扩展和它的服务器端 PHP 库 https://github.com/barbushin/php-console 进行其他酷的事情 http://consle.com/instance/examples
-扩展功能-

H5Check

开发者插件 2015-11-30 19:31:33

无线页面常用检测
V 0.0.5 版本更新(2015-09-13):

1. https 去前缀判断增加访问环境影响导致误报的容错处理
2. 优化资源匹配类的一些正则,使得所需资源的过滤正确率及抓取率趋向于完美
3. 新增 WebP 优化应用后节省图片总体积的数值对比
4. 代码重构,效率上得以提升,更便于后续功能的增加和迁移

--

All Downloader Professional

开发者插件 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

CSS3 Click Chart

开发者插件 2015-12-07 11:40:03

酷和快速访问在线CSS3图
此扩展增加了一个功能强大的CSS3图表,您正在查看的页面

Chrome extension source viewer v1.6.9

开发者插件 2020-01-25 20:10:24

在 Chrome Web store 中查看任何 Chrome 扩展的源代码,而无需安装它。
特点: chrome Web store 的按钮-下载扩展名为 zip 文件-查看源
-通过按钮上的上下文菜单可配置: 通过 “设置一键操作点击 “主要操作。
-查看来源:
-文件名/类型过滤器
-在文件内容中搜索 (文字或 regexp)
-

Page load time v2.0.0

开发者插件 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

PageEdit

开发者插件 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

一键切换您预先保存的账号列表。快速无刷新。
一键切换您预先保存的账号列表。快速无刷新。

rwt-manager

开发者插件 2018-03-18 06:59:48

开发前端页面时,快捷管理本地的浏览器插件,防止第三方插件对页面的影响。

EOLINKER AMS API Test Plugins

开发者插件 2019-03-10 18:22:54

EOLINKER 是中国最大的 API 管理平台。
此插件为 eoLinker 提供跨域测试、文件测试、自动化测试等。与其他插件相比,eoLinker 的产品功能更侧重于 API 文档管理、团队协作和自动 API 测试。更新日志: V4.5.7
* 修复一些错误

Toggle JavaScript v1.3

开发者插件 2019-12-20 00:23:15

Toggle JavaScript 提供了一个简单、易于访问的浏览器按钮,可以全局启用或禁用 JavaScript。
它是在考虑 web 开发人员的情况下构建的, 但是对于任何想快速启用/禁用 JavaScript 而不必深入 Chrome 的设置面板的人来说,这同样有用。功能:-全局 JavaScript 主交换机-切换时重新加载,以确保准确的渲染(自 1.3 起可选)

SEO Analysis with Seoptimer v1.0.0

开发者插件 2019-06-16 01:24:03

注意:
从 1.0.0 版开始,我们需要你的许可来阅读关于 “标签” 的信息。没有这一点,我们无法轻松地将您重定向到我们的工具。 Google Chrome 的 “搜索引擎”™是一个方便的插件,用于快速准确的网站搜索引擎优化分析。Seoptimer 检查页面 SEO 上的所有重要因素。通过检查页面 SEO 因素中最重要的因素来分析你的网站。结果,你会得到最好的优化提示的清晰的 SEO