当前位置: Chrome插件首页 > 开发者插件 > Code Cola - CSS样式可视化插件 Chrome插件

Code Cola - CSS样式可视化插件 Chrome插件

开发者插件

Code Cola - CSS样式可视化插件 Chrome插件图文教程

Code Cola插件概述

Code Cola是一款能查看网页代码样式的chrome CSS样式可视化插件,主要能查看页面板块中的所有样式元素,并能通过配置到服务器上的文件进行在线编辑。相信大家都知道,网页设计出来以后,其样式都是不能在浏览器上修改的,只有设计网页的作者才能修改,但是有了这款Code Cola插件,用户就可以直接在浏览器上修改你打开的网页,该插件并不是直接修改原版网页,只是利用遮罩在浏览器上添加一个虚幻的效果,一旦您使用其他浏览器打开相同的网页,特效就不存在了,就像是为网页添加一个新的图层一样!在安装了这款插件后,使用者可以在页面中点击页面模块来查看相应的样式信息,同时还能通过插件查看网页的样式代码以及整体代码。
Code Cola插件概述

Code Cola插件功能

1、code cola是一款可以改变你浏览器网页效果的工具,支持二十多种设置
2、可以获取改变网页的连接地址,将一个HTML文件修改文字、修改颜色、修改背景
3、可以搜索网页,如果您有指定的HTML文件,就输入地址,这样就能修改了
4、在修改当前的网页,您启动浏览器后,随机打开一个网页,然后利用code cola修改
5、可以查看实时效果,修改以后,点击保存,鼠标点击页面即可查看

Code Cola插件特色

1、code cola是中文的设置界面,虽然有的功能是英文的,但是影响不大
2、通过Code Cola插件,可以轻松修改HTML文字效果,图片效果、边框效果
3、让您在同一个浏览器上查看两种不一样的网页
4、可以随时关闭效果,点击“关闭”功能,就不会出现你修改的网页特效
5、Code Cola插件是免费的,可以下载添加到360浏览器、谷歌浏览器、火狐浏览器

Code Cola插件下载安装

1.你可以从chrome应用商店里找到Code Cola插件,如果你的chrome应用商店无法打开,你可以在本站的下方找到Code Cola插件下载地址。
2.离线安装的方法参照一下方法:老版本chrome浏览器,首先在标签页输入【chrome://extensions/】进入chrome扩展程序,解压你在本站下载的插件,并拖入扩展程序页面,它会提示你是否安装该插件。
Code Cola插件下载安装
3.最新版本的chrome浏览器直接拖放安装时会出现“程序包无效CRX-HEADER-INVALID”的报错信息,参照:Chrome插件安装时出现"CRX-HEADER-INVALID"解决方法,安装好后即可使用。
Code Cola插件下载安装

Code Cola插件使用方法

1.插件安装完成后会出现在浏览器右上方的插件栏中并提示你以安装完成。
Code Cola插件使用方法
2.进入任意网页,点击该扩展后图标会由绿色多变为绿色少,还会弹出一个窗口,该窗口可以查看HTML与CSS的样式代码。
Code Cola插件使用方法
3.将鼠标移动至网页的任意板块即可发现板块区域会变成蓝色,点击即可在上述窗口中显示其所具有的样式信息。
Code Cola插件使用方法
4.点击上图黑色窗口即可对网页进行编辑,可以选择字号、行高、字色、字形、对齐方式、文字描边等等,只要点击一下功能,这里会显示下拉的菜单,自己填写即可。
Code Cola插件使用方法
5.通过这款插件,使用者还可以查看并修改网页的整体代码。
6.当然,要修改代码需要在服务器中上传并配置Code Cola插件的PHP文件。
Code Cola插件使用方法

Code Cola插件更新日志

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.更新小横幅
3.4.1(2012-04-04)
1.修复线性渐变错误
3.4.0(2012-03-27)
1.支持“背景”属性
2.增加兼容性说明
3.3.0(2011-11-03)
1.支持将代码发布到CodeColaPatterns.com
2.错误修复
3.2.1(2011-08-31)
1.修复添加笔记错误
3.2.0更新(2011-08-30)
1.支持“ -webkit-text-stroke”
2.按“ f”,可以通过css选择器找到要输入的元素
3.在显示当前元素时设置不透明度(将鼠标放在面板上的“?”上)
4.优化弹出窗口淡入的动画
5.修复渐变错误
3.1.0更新(2011-08-0?)
1.支持“转换” 2d
2.添加很多字体家族
3.0.1更新(2011-08-02)
1.修复检查元素功能
2.修改描述
3.0.0更新(2011-07-24)
1. Codecola现在由YUI3提供支持,它变得更加稳定和强大
2.所有数字输入均支持html5数字输入
3. codecola可以完美地在非Chrome扩展环境中运行,例如safari。 (浏览器必须支持html5格式)
4. code-cola-widget已与codecola分离,这是github(https://github.com/zhouqicf/code-cola-widget)上的源代码
2.4.0更新(2011-06-04)
1.支持-webkit-box-reflect
2.支持-webkit-mask-image
3.在每种颜色输入上添加透明背景图像
4.优化代码
2.3.0更新(2011-04-21)
1.使用获取链接功能时,将相对URL更改为绝对URL
2.支持rgba
3. -ms-linear-gradient
4.不透明度控制
5.修复线性渐变错误
2.2.0更新(2011-04-04)
1.支持“ -moz-linear-gradient”和“ -o-linear-gradient”
2.修复:在Mac上选择多元素宽度“命令”
3.修复:将面板拖出屏幕
4.修复:无法阻止开发人员创建的事件
2.1.2更新(2011-02-09)
1.将默认本地设置更改为“ en”
2.1.0更新(2011-02-05)
1.添加CSS3线性渐变
2.添加了将修改后的页面发送到服务器的功能,并向用户返回链接
3.优化代码
2.0.0更新(2011-01-15)
1.扩展名将“ Visual Firebug”更改为“ Code Cola”
2.添加注释功能(修复2.0.1中的““替换” <br>“错误)
3.添加一次性增加,修改和删除多个css属性的功能
4.添加对“ -moz”等css3私有属性的支持。
5.版本表示将“ x.xx”更改为“ x.x.x”
6.提醒用户离开时保存结果
1.15更新(2011-01-09)
1.修复了文本阴影和框阴影的角度控制与Photoshop相反的问题
2.修复了选择元素后无法初始化文本阴影和框阴影的控件的问题
3.在框阴影中添加“ spread”参数
4.调整了一些范围控件的最大属性
1.14更新(2010-12-31)
i18n支持,包括“ en”和“ zh_CN”。
1.13更新(2010-12-30)
更改徽标。
1.12更新(2010-12-27)
1.添加一个功能以关闭扩展名。
2.在扩展名不能初始化时更改Resion,例如:
2.1。本地页面“文件:\”
2.2。 chrome.google.com
2.3。铬://
1.1更新(2010-12-17)
1.自由选择宽度ctrl。
2.显示当前节点。
3.添加“关于”信息。
4.修复了拖动面板时样式正在计算的错误。
5.纠正样式污染。
查看更多

Code Cola - CSS样式可视化插件 Chrome插件图片

  • Code Cola - CSS样式可视化插件插件图片
  • Code Cola - CSS样式可视化插件插件图片
  • Code Cola - CSS样式可视化插件插件图片
  • Code Cola - CSS样式可视化插件插件图片
  • Code Cola - CSS样式可视化插件插件图片
  • Code Cola - CSS样式可视化插件插件图片
  • Code Cola - CSS样式可视化插件插件图片

Code Cola - CSS样式可视化插件基本信息

插件名称:Code Cola - CSS样式可视化插件 插件作者:www.zhouqicf.com 插件语言:支持多种语言 官方站点:http://www.zhouqicf.com/code-cola 插件唯一标识:lomkpheldlbkkfiifcbfifipaofnmnkn

Code Cola - CSS样式可视化插件用户数和评分

下载次数:51288 用户评分:4.65068 (共5分) 参与评分人数:146

Code Cola - CSS样式可视化插件文件信息

当前版本:3.5.0 最后更新日期:2020-06-05 文件大小:188KB

Code Cola - CSS样式可视化插件下载地址

Code Cola - CSS样式可视化插件相关插件

Code Cola - CSS样式可视化插件

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

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

Validity

开发者插件 2019-03-01 09:26:55

点击该图标,在地址栏或按Alt Shift V来验证当前页面。结果可以看出,在Chrome的JS控制台。
有效性,可用于快速从地址栏验证您的HTML文档。

只需点击地址栏上的图标来验

SelectorGadget

开发者插件 2019-12-04 21:50:07

SelectorGadge 是一款能够为复杂网站的元素生成CSS选择器,有助于帮助你快速找到html的节点信息的chrome插件

Validity v4.0.1

开发者插件 2019-03-01 09:26:21

有效性可用于从工具栏快速验证 HTML 文档。只需单击工具栏中的图标,即可在不离开页面的情况下验证当前文档。工具提示中可以看到验证错误的数量,详细信息可以在 Chrome 开发人员工

Stylist:自定义网页CSS

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

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

网站样式管理器-Stylish

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

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

css auto reload

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

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

CSS Used

开发者插件 2020-05-06 22:05:06

CSS Used插件可一键获取所有css应用于选定的Web元素及其子元素。

CSS remove and combine

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

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

Advanced Web Scraper

开发者插件 2019-11-04 10:17:55

一个简单,强大的网页抓取应用程序屏幕抓取使用css选择器和创建代理的数据抓取工作室软件。一个非常简单和高级的数据抓取扩展,使用点击式css选择器从网站中提取数据,实时提取

ChroPath

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

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

Code Cola - CSS样式可视化插件同类插件推荐

LMUR Chrome插件

开发者插件 2015-02-01 12:07:35

覆盖UR和问题标记到Livemap
附加了Waze的Livemap显示UR和地图问题标记。在地图上显示的标记可以使用类似的过滤选项被选作在我UROverview WME发现插件。

Code Coverage Calculator Chrome插件

开发者插件 2018-02-27 07:47:28

This Chrome extension provides the code coverage of a class dynamically on the salesforce classic web page without going to the developer console.

This makes easy for the developers to see th

cxp seed Chrome插件

开发者插件 2015-12-10 15:19:51

Get+pages+source+from+a+popup%3cbr%2f%3eCXP+SEED+extension+was+developed+to+assist+the+San+Francisco+QA+department+with+testing+CXP+content+in+CNOWV8+platform.++By+clicking+on+the+seed+icon+user+is+pr

Pretty Gherkin Chrome插件

开发者插件 2016-04-25 16:21:39

Open your cucumber feature files written in gherkin in the browser to see them formatted in a human-friendly way.
INSTALLATION

1. Install extension
2. Tick the 'Allow access to fi

Contributors on Github v0.0.7 Chrome插件

开发者插件 2019-05-24 11:37:44

Github 的扩展可能对维护人员有所帮助。
它显示了它是否是贡献者的第一个 PR,或者他们对该特定回购提出了多少问题/PRs。它会缓存数据,并添加一个按钮来更新信息。
您可以选择使用 oauth 或提供带有 “public _ repo” 的访问令牌获取 30 个请求/分钟而不是 10 个请求的范围。
权限:
-"https://github.com

Code template Chrome插件

开发者插件 2018-08-18 05:46:29

This application allows you to copy to the clipboard any pre-prepared code to a link that makes it easy to frequently used operations, when you have to go to different sites and constantly enter the s

Shimmy Chrome插件

开发者插件 2017-08-02 10:04:21

A basic CRM for messenger.com
Shimmy is a basic CRM for messenger.com. It provides two features currently:
1. Reminders
2. An ongoing list of recent friends.
Give it a try, let me