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

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

开发者插件

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

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编辑器 Chrome插件图片

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

Emmet LiveStyle:实时高效的CSS编辑器基本信息

插件名称:Emmet LiveStyle:实时高效的CSS编辑器 插件作者:emmet.io 插件语言:English 官方站点:http://livestyle.emmet.io/ 插件唯一标识:diebikgmpmeppiilkaijjbdgciafajmg

Emmet LiveStyle:实时高效的CSS编辑器用户数和评分

下载次数:45728 用户评分:4.74375 (共5分) 参与评分人数:160

Emmet LiveStyle:实时高效的CSS编辑器文件信息

当前版本:0.8.2.1230 最后更新日期:2020-07-09 文件大小:159KB

Emmet LiveStyle:实时高效的CSS编辑器下载地址

Emmet LiveStyle:实时高效的CSS编辑器相关插件

Emmet LiveStyle:实时高效的CSS编辑器

开发者插件 2020-12-23 23:20:42

Emmet LiveStyle是一款可以提高开发效率的CSS编辑器开发者插件。LiveStyle目前不仅仅支持一Chrome浏览器,还支持Safari浏览器,可以实时进行CSS调试插件工具,非常适合前端工程师的使用,用

Stylist:自定义网页CSS

开发者插件 2019-12-30 22:51:57

我们在上时间对着电脑上网后,即使不厌倦了网页的字体也很可能会出现视力疲劳的情况,有事会想自己给Google写CSS?想恶搞网页?或者修改一下网页的字体或者背景色等!这一切的需

网站样式管理器-Stylish

开发者插件 2018-05-09 17:40:29

Restyle网络与时尚,一个用户样式管理器。时尚让你轻松安装主题和外观的许多著名景点。
用户风格主题的网站。用户样式赋予你的浏览体验,让你自定义的网站。拿出不相关的内容

CSS remove and combine

开发者插件 2019-12-31 00:20:27

CSS remove and combine是一款可以通过创建仅包含正在使用的选择器的新CSS样式表来删除页面上未使用的CSS规则的插件

Code Cola - CSS样式可视化插件

开发者插件 2019-11-04 09:45:31

Code Cola是一款能查看网页代码样式的chrome CSS样式可视化插件,主要能查看页面板块中的所有样式元素,并能通过配置到服务器上的文件进行在线编辑。相信大家都知道,网页设计出来以

css auto reload

开发者插件 2019-11-15 15:31:09

css auto reload 是一个web开发者工具,一款chrome 插件。在写 css 的时候,经常需要不断的切换窗口,刷新页面,查看效果,css auto reload 插件可以在你改变了css并保存好后,自动在页面上重新

ChroPath

开发者插件 2020-03-02 20:14:41

ChroPath插件使您可以轻松地在任何网页上编写,编辑,提取和评估XPath和CSS查询。 ChroPath还用作最佳CSS扩展。

JSON-handle

开发者插件 2019-10-31 09:23:38

JSON-handle 是一款功能强大的 JSON 数据解析 Chrome 插件。它以简单清晰的树形图样式展现 JSON 文档,并可实时编辑。针对数据量大的场景,可以做局部选取分析。

Online Excel Viewer And Editor

办公插件 2019-02-11 11:11:20

Online Excel Viewer And Editor是一款可以在线编辑和阅读excel的chrome插件。使用上下文菜单选项打开指向Excel文件的链接。 对于本地Excel文件,使用键盘快捷键Alt + Shift + X启动Zoho Sheet Viewer。支

JSON-handle v0.5.6

开发者插件 2019-10-31 09:23:01

JSON-handle 是一款功能强大的 JSON 数据解析 Chrome 插件。它以简单清晰的树形图样式展现 JSON 文档,并可实时编辑。针对数据量大的场景,可以做局部选取分析。

JSON-handle2

开发者插件 2019-10-30 17:12:57

JSON-handle 是一款功能强大的 JSON 数据解析 Chrome 插件。它以简单清晰的树形图样式展现 JSON 文档,并可实时编辑。针对数据量大的场景,可以做局部选取分析。

Emmet LiveStyle:实时高效的CSS编辑器同类插件推荐

小三分析 Chrome插件

开发者插件 2015-05-08 23:53:03

小三分析
1.00 fixed get shop information error
小三分析 交流QQ群: 206769712
分析淘宝店铺数据
2013.5.20 fixed domain error
2012.9.10 由于数据流庞大,暂时关闭非注册用户使用见谅

2012.5.25
0.94 修复部分产品无法显示销量问题
如果VIP无法载入产品列表, 请进设置,退出重新登陆一次试试
2012.4.19
0

PHP Console v3.0.38 Chrome插件

开发者插件 2019-06-06 17:06:31

处理 PHP 错误/异常,转储 PHP vars, 远程执行 PHP 代码,并使用此扩展和它的服务器端 PHP 库 https://github.com/barbushin/php-console 进行其他酷的事情 http://consle.com/instance/examples
-扩展功能-
✔工具栏上没有图标,只有在地址栏中 (在服务器上启用时)
✔点击地址栏

url-maker Chrome插件

开发者插件 2019-10-23 11:51:12

该应用可以把网址上的参数直观的展示出来。也可以修改相关参数并刷新网页。
The app can conveniently display the parameters of url.
可以在网址框修改参数,一键添加debug并可以记忆qq号~
-v2.1.0
可以对参数中的json进行解析
-v2.2.0
修复参数解析成乱码的bug

RightScale SSH Chrome插件

开发者插件 2015-01-19 15:25:53

提供了一个ssh : //协议链接的RightScale的控制面板上的按钮SSH RightScale的
提供SSH按钮,每个启动Java弹出服务器。这个扩展禁用和转换链接到一个标准的ssh : //协议的URL ,让您与您的默认SSH /终端客户端打开它

注:此扩展需要你有一个终端程序注册使用ssh : //协议处理程序。为了测试,把下面的Chrome的地址栏: SSH: //1.2.3.4

如果你回车,你的终端/ SSH客户端不开放,那么你需要修复,这

爬爬 Chrome插件

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

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

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


更新记录:
<

微博换肤插件 Chrome插件

开发者插件 2015-05-26 10:49:56

本插件用于新浪微博builder审核外包会员皮肤及更换线上会员皮肤
1.本次上传的微博换肤插件同时兼容V5和V6的皮肤更换。
2.优化插件效率。

Quick Language Switcher Chrome插件

开发者插件 2016-06-03 07:40:27

An Extension for chrome to easily change the language. This makes testing locale related problems easier
Small Extension which allows to quickly switch the Accept-Language header in all web reques

Code Climate v681 Chrome插件

开发者插件 2020-06-22 14:56:31

在不离开 GitHub 的情况下,代码质量和测试覆盖率反馈。
查看直接显示在 GitHub UI 中的问题。查看 diffs 、文件等中涵盖了哪些行。在不改变工作流程的情况下添加退票和打开票。

Multilingual TTS Engine Chrome插件

开发者插件 2015-06-06 00:47:12

一个multlingual TTS引擎,它是通过从“大巨人”的翻译服务供电; )和语言检测
通过这本身扩展不做任何事情,但是,如果您安装使用语音,然后它会在生活中的其他扩展如用这些扩展......

检查加上Gmail的
检查加上谷歌日历和
更多...

幸得原作者, Trajche彼得罗夫又名SkechBoy的代码,他同读字 - https://github.com/skechboy/SpeakIt

此扩展使用免费的语

Code Cleaner Chrome插件

开发者插件 2015-05-22 20:19:34

Code Cleaner 可以清除代码中的冗余信息,得到简洁可复用的DOM结构。
Code Cleaner helps web developers get clear DOM code, when some module on page can be used again, you can use the 'Elements Panel',then right click mouse, choose 'Copy as HTML', then paste the c

cross domain Chrome插件

开发者插件 2019-04-04 21:05:49

跨域,cross domain,auto add Access-Control-Allow-Origin header
显示盗链图片,remove Referer header
Features:
1. add Access-Control-Allow-Origin header
2. 支持跨越cookie,cross domain support cookie

Cookie Hacker Chrome插件

开发者插件 2016-06-30 13:38:27

Cookie Hacker,方便使用盗取来的Cookie
CookieHacker
============

Chrome extension, very easy to use. Cookies from: JavaScript document.cookie/Wireshark Cookies etc.