最近看老外的ppt,看到了句话:
Use tools. not rules!
所以今天介绍个利器:liveStyle,liveStyle是Emmet团队开发的,Emmet就是大名鼎鼎的zen coding啊。
其实在订阅的weekly里面早就介绍过livestyle,真正用起来还是看了上面老外的这个ppt,试用了下liveStyle,结果一下子就喜欢上了,如果你开发遇见了下面的问题就可以使用liveStyle了:
- 在chrome DevTools中修改了样式,想同步到css文件中
- 修改了css文件,不想刷新chrome,就可以实时看到效果
嗯,livestyle解决了这两个问题,提高了开发效率!
livestyle安装
安装sublime text的liveStyle插件
在package control
搜索livestyle
就可以了,或者去官方下载
安装chrome扩展
通过这个网址,安装livestyle,如果打不开,可能需要准备梯子,你懂的~ 感谢裆~
安装后,在chrome中按F12
打开DevTools就可以看到在console
后面多了个LiveStyle
面板。
使用livestyle
- 用sublime text 打开一个css文件,例如a.css
- 随便打开个网址,然后
F12
切换到LiveStyle - 选中
Enable LiveStyle for current page
,这时会把页面的所有css都列出来 - 选择一个需要替换的css,在下拉框中选择要替换掉的sublime打开的css文件,例如:a.css;或者点击
add file
按钮 - 这时候在sublime中修改a.css,就可以在chrome中实时看到效果;在chrome修改样式,也可以将修改同步到a.css文件中
相关推荐
修改chrome的请求头。 Header Editor是一款管理浏览器请求的Chrome扩展,包括修改请求头、修改响应头、重定向请求、取消请求。 您可以从Redirector导入规则 规则说明: 1、匹配类型 规则会应用到满足相应...
chrome实现ie内核(chrome.r39.crx+ffactivex-setup-r39.exe+控件例子)
alert及confirm弹出框样式,换不错
修改chrome的新建标签页,使用如下: 编辑压缩包内的html文件,修改链接为你喜欢的网址,相当于把标签页做成一个导航页,自由定制。然后通过chrome://extensions/打包为crx后缀chrome可是别的扩展,打包好后直接拖入...
可以修改chrome插件白名单, 使用被停用的插件
chrome浏览器实现打印预览打印功能.zip
一款Chrome首页美化插件,可以设置快捷键。
google退出其浏览器的chorme的源码,标签页的实现源码
第14周-09章节-Python3.5-chrome查看html样式基本操作.avi
本程序为作者使用vue3开发chrome插件时实践各个通讯API后,总结的相互之间无干扰的高效数据传输API组合,程序使用vscode可直接打开,npm install安装node_modules文件夹后直接点击NPM工具中的watch或build开始对插件...
Chrome中的Chrome标签页 正是您认为的那样。 去野外。 由@desandro提供的拖放支持。
Java Swing实现仿Chrome浏览器跳跳龙小游戏 Java Swing实现仿Chrome浏览器跳跳龙小游戏 Java Swing实现仿Chrome浏览器跳跳龙小游戏 Java Swing实现仿Chrome浏览器跳跳龙小游戏 Java Swing实现仿Chrome浏览器跳跳龙小...
复制代码代码如下: .closeImg{ cursor:pointer; position:absolute;...//这是ie的样式 bottom:55px; display:none } @media screen and (-webkit-min-device-pixel-ratio:0){.closeImg{right:0px;} }
经过1年多的积累修改,VB6也可以实现网页自动化,针对谷歌的chrome浏览器,webdriver和chrome请大家自行到网站下载对应版本。(方法包括:截图、通过多种途径获取id、通过id获取文本、各种属性获取、删除、设置、...
Chrome 样式的文件管理器 ExplorerMax 中文版Chrome 样式的文件管理器 ExplorerMax 中文版 为什么选择 ExplorerMax? 标签式浏览 想要 Windows File Explorer 中的标签吗? 试试 ExplorerMax! 镀铬样式的标签功能使...
类似Chrome/IE9的沙箱实现, vc++。
Chrome 滚动条美化 原创 淡雅风格, 不仔细看看不出来, 而且类似透明效果 将文件复制到 win7系统: C:\Users\用户名\AppData\Local\Google\Chrome\User Data\Default\User StyleSheets windows xp类似: 到 C:\*******...