CodeCola

Code Cola是一款功能强大的Chrome浏览器插件，专为前端开发者设计，实现了CSS样式的可视化编辑。这款插件允许用户在不离开网页的情况下，直接在页面上调整CSS属性，并实时预览效果。通过Code Cola，开发者可以像调整颜色一样简单地修改字体大小、边距、颜色、背景等样式，极大地提高了调试效率。

软件教程

使用方法

1、插件安装完成后会出现在浏览器右上方的插件栏中并提示你以安装完成

2、进入任意网页，点击该扩展后图标会由绿色多变为绿色少，还会弹出一个窗口，该窗口可以查看HTML与CSS的样式代码

3、将鼠标移动至网页的任意板块即可发现板块区域会变成蓝色，点击即可在上述窗口中显示其所具有的样式信息

4、点击上图黑色窗口即可对网页进行编辑，可以选择字号、行高、字色、字形、对齐方式、文字描边等等，只要点击一下功能，这里会显示下拉的菜单，自己填写即可

5、通过这款插件，使用者还可以查看并修改网页的整体代码

6、当然，要修改代码需要在服务器中上传并配置Code Cola插件的PHP文件

软件特色

1、code cola是中文的设置界面，虽然有的功能是英文的，但是影响不大

2、通过本软件，可以轻松修改HTML文字效果，图片效果、边框效果

3、让您在同一个浏览器上查看两种不一样的网页

4、可以随时关闭效果，点击“关闭”功能，就不会出现你修改的网页特效

5、本软件是免费的，可以下载添加到360浏览器、谷歌浏览器、火狐浏览器

功能介绍

1、code cola插件是一款可以改变你浏览器网页效果的工具，支持二十多种设置

2、可以获取改变网页的连接地址，将一个html文件修改文字、修改颜色、修改背景

3、可以搜索网页，如果您有指定的HTML文件，就输入地址，这样就能修改了

4、在修改当前的网页，您启动浏览器后，随机打开一个网页，然后利用code cola插件修改

5、可以查看实时效果，修改以后，点击保存，鼠标点击页面即可查看