作为一名程序员经常会遇到需要调整当前网页布局、更改展示样式的情况，但我们都知道在浏览原生网页的时候，是无法对网页设计就行修改的，只有设计网页的作者才能修改。那如果我们想要在网页上修改当前网页布局或更改展示样式怎么办，今天小编为大家推荐一款能解决上述问题的插件Code Cola。
Code Cola是一款能查看网页代码样式并修改的chrome CSS 样式可视化插件，主要能查看页面板块中的所有样式元素，并能通过配置到 服务器 上的文件进行在线编辑。你可以设置不同的网页颜色、网页背景、网页遮罩、文字阴影等，在浏览器里能够即时的展现修改后的结果，完全视觉化设置。使用该插件后你可以在页面中点击页面模块来查看相应的样式信息，同时还能通过插件查看网页的样式代码以及整体代码。
1、code cola是一款可以改变你浏览器网页效果的工具，支持二十多种设置
2、可以获取改变网页的连接地址，将一个 HTML 文件修改文字、修改颜色、修改背景
3、可以搜索网页，如果您有指定的HTML文件，就输入地址，这样就能修改了
4、在修改当前的网页，您启动浏览器后，随机打开一个网页，然后利用code cola修改
5、可以查看实时效果，修改以后，点击保存，鼠标点击页面即可查看
Code Cola插件特色
1、code cola是中文的设置界面，虽然有的功能是英文的，但是影响不大
2、通过本软件，可以轻松修改HTML文字效果，图片效果、边框效果
3、让您在同一个浏览器上查看两种不一样的网页
4、可以随时关闭效果，点击“关闭”功能，就不会出现你修改的网页特效
5、本软件是免费的，可以下载添加到 360浏览器 、谷歌浏览器、 火狐浏览器
1、Code Cola插件离线安装的方法参照一下方法：老版本Chrome浏览器，首先在标签页输入进入chrome扩展程序，解压你在本站下载的插件，并拖入扩展程序页即可。
2、最新版本的chrome浏览器直接拖放安装时会出现“程序包无效CRX-HEADER-INVALID”的报错信息，参照： Chrome插件安装时出现"CRX-HEADER-INVALID"解决方法 ，安装好后即可使用。
3、插件安装后会出现在 浏览器 右上方的插件栏中。
4、进入任意网页，点击该扩展后图标会由绿色多变为绿色少，还会弹出一个窗口，该窗口可以查看HTML与CSS的样式代码。
5、你可以通过移动鼠标来进行版块的选择，选中的版块则会加上蓝色的蒙层，点击则可以对当前选中版块进行样式更改。
6、你还可以对字体进行修改，选中需要调整的字体版块，然后选中“字体”栏，点击下拉展开所有字体样式，点选目标字体，之前通过蓝色蒙层选中的区域就会变成调整后的字体。字体、行高、字色、字形都可以这样同理设置。
7、如果你需要更换页面背景，可以通过背景——选择文件，来自定义当前页面的背景图片。
8、插件还支持对齐方式、文字阴影、文字描边、线性渐变、透明度、盒阴影、遮罩、反射、变形、边框、圆角、布局进行设置。都是通过对对应参数的调整来进行更改的。
9、你也可以随时关闭效果，点击“关闭”功能，就会恢复为原网页的效果。
3.5.0（2013-05-01）
1.新用户界面
2.删除便签功能
3.优化眼功能
4.添加“ text-align：justify”支持
3.4.3（2012-05-27）
1.任意程度的线性梯度支持
2.当alpha为1时，返回rgb颜色替换rgba
3.将“ -webkit-linear-gradient”替换为“ -webkit-gradient（'linear'，...”
3.4.2（2012-05-25）
1.修理一些私人财产
2.更新小横幅
Code Cola插件并不是直接修改原版网页，只是利用遮罩在浏览器上添加一个虚幻的效果，一旦您使用其他浏览器打开相同的网页，特效就不存在了，就像是为网页添加一个新的图层一样。
