Code Cola

Code Cola插件简介

Code Cola插件描述

English Version: https://chrome.google.com/extensions/detail/lomkpheldlbkkfiifcbfifipaofnmnkn

源码：https://github.com/zhouqicf/codecola
文档：http://www.zhouqicf.com/codecola
代码分享社区：http://codecolapatterns.com

Code Cola是一个可视化生成css样式的chrome插件。

== 3.5.0 （20130501） ==
1. 新的UI
2. 去除添加注释的功能
3. 优化暂时隐藏修改的功能（眼睛图标）
4. 增加textalign: justify的支持

== 3.4.3 （20120527）==
1. lineargradient开始支持任意角度
2. 当alpha值是1时，返回rgb色值，不再返回rgba
3. 不再支持"webkitgradient(linear, ..."的渐变输出，以"webkitlineargradient" 代替

== 3.4.2 （20120525） ==
1. 修复了几个私有属性丢失的bug
2. 更换了“小尺寸平铺”

== 3.4.1 （20120404） ==
1. 修复线性渐变的一个bug

== 3.4.0 （20120327） ==
1. 增加背景属性的支持
2. 增加个别高级属性的兼容性说明

== 3.3.0 （20111103） ==
1. 支持发布代码到CodeColaPatterns.com
2. 修复一些bug

== 3.2.1 （20110831） ==
1、修复了添加注释功能的一个bug（滚动页面时注释会随着滚动）

== 3.2.0 更新内容 （20110830） ==
1、增加了对"webkittextstroke"属性的支持
2、增加一种选择元素的功能，按下键盘上的“f”键，在出现的文本框中输入任意css选择器，并按下回车
3、显示当前元素时（鼠标移入面板上的“？”），将面板半透明，方便看到面板下的选中元素
4、优化了popup弹出的动画效果
5、修复了一个渐变控件的bug

== 3.1.0 更新内容 （2011080?） ==
1、增加对“transfm”2d属性的支持
2、对“fontfamily”属性增加了大量字体族

== 3.0.1 更新内容 （20110802） ==
1、修复了审查元素功能偶尔不能屏蔽页面上已有事件的bug
2、修改了插件的描述内容

== 3.0.0 更新内容 （20110724） ==
1、codecola换上了YUI3的引擎，变得更加稳定、强大。
2、所有的控件中纯数字的表单控件转换成了html5的number控件，支持键盘上下键
3、codecola现在可以完美地跑在非chrome插件环境下，前提是浏览器支持html5的新增表单，特别是range控件
4、codecolawidget从codecola中分离了出来，它是一个可视化的控件库，现在有颜色、角度、渐变3种控件，这里是github地址：https://github.com/zhouqicf/codecolawidget

== 2.4.0 更新内容 （20110604）==
1、增加了webkitmaskimage控件
2、增加了webkitboxreflect控件
3、对所有颜色控件增加了表示透明的背景
4、优化了代码

== 2.3.0 更新内容 （20110421）==
1、在将编辑结果发送至服务器的功能中，将页面上的相对路径资源转换成绝对路径
2、在所有涉及到颜色的控件中支持“RGBA”色值
3、线性渐变增加对IE10的支持mslineargradient
4、增加透明控件opacity
5、修复了一个lineargradient的bug

== 2.2.0 更新内容 （20110404）==
1、增加对“mozlineargradient”和“olineargradient”的支持
2、修复在mac无法使用comm键进行多选的bug
3、修复可以将面板拖出浏览器窗口的bug
4、修复在选择元素时无法阻止页面上已绑定事件的bug，实现类似firebug查看元素的功能

== 2.1.2 更新内容 （20110209）==
1、将默认语言更改为英语

== 2.1.0 更新内容 （20110205）==
1、增加CSS3线性渐变
2、增加将修改结果发送至服务器进行保存，并返回链接的功能
3、重构了大量代码

== 2.0.0 更新内容 （20110115）==
1、Visual Firebug 更名为 Code Cola
2、增加注释功能（2.0.1 修复了换行符替换的bug）
3、增加了一次性增加、修改、删除多个css属性的功能
4、增加了对moz等私有属性的支持
5、更改版本表示方法
6、对编辑过程中离开页面的用户进行保存提示

== 1.15 更新内容 （20110109）==
1、修正了文字阴影、盒阴影下角度控件与Photoshop相反的问题
2、修正了文字阴影、盒阴影的表单控件在选择元素后不能初始化的bug
3、增加了针对盒阴影“spread”参数
4、调整了部分range控件的最大值

== 1.14 更新内容 （20101231）==
增加了对i18n的支持，目前语言包括“en”、“zh_CN”，chrome将根据你的设置选择对应的语言。

== 1.13  更新内容 （20101230）==
更换了图标，感谢阵风同学的设计，非常给力。

== 1.12  更新内容 （20101227）==
1、增加点击工具条按钮，关闭插件的功能
2、增加对于因chrome安全权限设置而导致不能使用插件的情况的提示，如：
2.1、file:\\\协议的本地页面，请上传至服务器，或存放在本地的服务器目录下
2.2、chrome.google.com域下页面
2.3、chrome://下页面

== 1.1  更新内容 （20101217）==
1、按住ctrl进行元素的自由多选
2、增加了一个显示当前节点的功能，mouseover的时候显示当前节点
3、增加了about
4、修复了拖拽面板时仍在计算当前样式的bug
5、测试了多个网站，修正了样式影响
                                

Code Cola插件离线安装方法

1.首先用户点击谷歌浏览器右上角的自定义及控制按钮，在下拉框中选择设置。

2.在打开的谷歌浏览器的扩展管理器最左侧选择扩展程序或直接输入：chrome://extensions/

3.找到自己已经下载好的Chrome离线安装文件xxx.crx，然后将其从资源管理器中拖动到Chrome的扩展管理界面中，这时候用户会发现在扩展管理器的中央部分中会多出一个”拖动以安装“的插件按钮。

4.下载 Code ColaChrome插件v3.5.0版本到本地。

5.勾选开发者模式，点击加载已解压的扩展程序，将文件夹选择即可安装插件。

注意：最新版本的chrome浏览器直接拖放安装时会出现“程序包无效CRX-HEADER-INVALID”的报错信息，参照这篇文章即可解决