当前位置: Chrome插件首页 > 开发者插件 > 网页取色器插件-ColorZilla Chrome插件 > 网页取色器插件-ColorZilla Chrome插件详细图文介绍

网页取色器插件-ColorZilla 图文介绍

网页取色器插件-ColorZilla Chrome插件图片网页取色器插件-ColorZilla Chrome插件图片网页取色器插件-ColorZilla Chrome插件图片网页取色器插件-ColorZilla Chrome插件图片网页取色器插件-ColorZilla Chrome插件图片

先进的吸管,颜色选择器,渐变发电机等丰富多彩的东西
Col​​orZilla,最流行的Firefox扩展开发者超过500万下载量的一个终于可以为Chrome!

随着ColorZilla你可以得到颜色从浏览器的任何一点阅读,快速调节这个颜色,并将其粘贴到另一个程序。它可以做这么多......

== ==特点

✓吸管 - 得到任何像素的颜色在页面上
✓高级颜色选择器(类似Photoshop的)
✓终极CSS渐变发电机
✓网页色彩分析仪 - 获得一个调色板任何网站
✓调色板浏览器7预装调色板
✓颜色最近挑颜色
✓显示元素信息,如标记名称,类别,标识,尺寸等历史✓
自动复制挑颜色到剪贴板
✓键盘快捷键
的✓获取颜色动态悬停元素
✓单单击开始采摘颜色(目前仅在Windows上)
✓挑选的颜色从Flash对象
✓挑选的颜色,在任意缩放级别
l


==为什么ColorZilla需要许可QUOT&;在所有网站上&QUOT存取数据;? ==

此权限需要ColorZilla其基本从网站上挑选颜色的功能。 ColorZilla **不**收集您的任何数据或浏览活动上的任何网站。我们是非常狂热的隐私自己,你的隐私是极其importan

注:中文翻译来自GOOGLE

ColorZilla插件概述

ColorZilla是个很流行的谷歌浏览器插件,(当然啦,colorzilla还支持Firefox浏览器)它为设计师提供了一种简单的浏览器平台工具来找到具体颜色数值并且测量它们的不同。它还具有一个“配色方案浏览器“,允许您选择预配置设置的颜色,容易使用而且功能极其丰富。
 

ColorZilla插件功能介绍

colorZilla功能很简单,对于web相关开发人员来说用处非常大,利用 ColorZilla 您可以从浏览器中的任一点读取色彩值,快速调节颜色并粘贴到其他应用程序。您可以缩放正在查看的页面或测量页面任意两点之间的距离。内建的调色板浏览器允 许您从预定义的颜色集中选择颜色或将最常用颜色保存到自定义调色板。DOM 侦测功能让您可以快速、容易地获得关于 DOM 元素的各种信息

ColorZilla插件下载安装

1.在谷歌浏览器中安装colorZilla插件,并在Chrome的扩展器中colorZilla的功能,colorZilla插件的下载地址可以在本文的下方找到,离线colorZilla插件的安装方法可参考:怎么在谷歌浏览器中安装.crx扩展名的离线Chrome插件? 如果CRX格式插件不能离线安装怎么办

2.colorzilla安装成功后,重启浏览器后,在浏览器的右上方有如下所示的colorzilla的图标:

colorzilla安装成功
ColorZilla插件如何使用?

colorZilla安装成功后,我们可以打开一个页面,比如我们想知道新闻的标题是用什么颜色,我们只需点击一下标签栏右上角的取色器,然后托到新闻标题上就可以了,如下图
colorzilla使用方法
 ColorZilla有5个功能:
1. 颜色选择器  点击颜色选择器后,出现一个类似调色盘的窗口,这里是让你调色的,可以将颜色的代码值拷贝并粘贴到网页代码中去。似乎这个功能不是我们需要的,如下图:
colorzilla取色
2.鼠标点选器  点击鼠标点选器后,出现一个黑色的数值条,鼠标指针变成十字形,将其移动到当前网页任何有颜色的地方,显示条上会出现对应颜色和颜色的代码值,恩很好,当我们发现自己喜欢的颜色时,选择这个功能,就能立马得到所想要的颜色RGB值或者十六进制值了。So easy!

3. Palette Browser…  点击这个功能后,其实是跟颜色选择器一样的功能。  

4. Css gradient generator  这个功能很强大,能够将颜色进行渐变,而且还能生成对应的能够兼容所有浏览器的css代码。堪比ps,HTMLer再也不需要到ps中画渐变图啦!省时省力。使用方法很简单,只要选择好自己喜欢的渐变的颜色就行,基本跟ps的渐变用法一致,最后在右下角会生成css代码,直接拷贝粘贴到自己的CSS文件中就可以啦!

5.Webpage Dom color analyzer…  这个功能其实就是分析并计算当前整个网页中所有用到的颜色及颜色代码值的集合,结果会出现在当前网页底部的控制台中。这个功能很直观的观察整个网页的颜色布局,对于如何配色提供参考。当鼠标移动到颜色块上时,对应的使用该颜色的元素在当前网页中会被虚线框动态的标识出来,很清楚的看到网页中哪些元素用到了整个颜色
colorzilla颜色分析

ColorZilla插件注意事项

   colorzilla插件安装后需重启浏览器才能生效。
更多的开发者插件可以本站:开发者插件

当前插件其他版本列表

网页取色器插件-ColorZilla 相关插件推荐

Web Sniffer - 查看HTTP请求

开发者插件 2019-12-14 15:06:46

查看所有HTTP请求和响应Web浏览器和Web服务器之间发送
对于,显示以下信息每个HTTP请求(可以隐藏) 。
- 标签ID ,标题[过滤]
- 请求ID
- 类型请求[过滤]
- 时间[过滤

Web Components

开发者插件 2020-03-20 00:38:22

作为开发人员,我们都知道尽可能地重用代码是一个好主意。传统上,对于自定义标记结构而言,这并不容易。考虑一下有时需要编写复杂的HTML(以及相关的样式和脚本)来呈现自定义

Header自定义工具

开发者插件 2018-11-01 08:38:59

HTTP Header中携带者太多的用户信息,如何隐藏这些信息,这就是这个插件要做的,目前包括:

1. Referer访问来源信息(可以用于推广个人网站)
2. UA信息、随机UA信息
3. 访问IP地址随机

其他更多内容可以反馈和建议。


版本记录

v1.0.2
- 修改referer注入方

SEO Analysis with Seoptimer v1.0.0

开发者插件 2019-06-16 01:24:03

注意:
从 1.0.0 版开始,我们需要你的许可来阅读关于 “标签” 的信息。没有这一点,我们无法轻松地将您重定向到我们的工具。 Google Chrome 的 “搜索引擎”™是一个方便的插件,用于快速准确的网站搜索引擎优化分析。Seoptimer 检查页面 SEO 上的所有重要因素。通过检查页面 SEO 因素中最重要的因素来分析你的网站。结果,你会得到最好的优化提示的清晰的 SEO

XML Tree

开发者插件 2019-11-07 09:06:48

XML Tree插件是针对使用chrome浏览器的用户打造的一款xml字符串解析和格式插件,用户在chrome中安装了XML Tree插件以后,就可以通过把本地的xml字符串上传谷歌浏览器的扩展中,并使用chr

uBlock Ultimate

开发者插件 2019-02-13 23:39:14

uBlock Ultimate是uBlock Origin广告过滤插件的一个分支,是一款开发者版本的广告过滤插件。

WeChat KF Alert

开发者插件 2019-06-02 15:43:48

主要用于微信客服-网页端的监控
1 监控新用户的接入,并触发声音和弹窗告警
2 对于未回复的用户消息,进行自动告警
3 对客服转接消息进行告警
4 chrome://flags -》Silent Debuging Mac Windows Linux Chrome OS -》 stop
去掉提示框

更多详情请联系yhs666@

Page load time

开发者插件 2015-11-10 09:04:10

工具栏
这个扩展测量页面加载时间在显示页面加载时间,并在工具栏上显示出来。
网络定时API用于精确测量。

图标是从Human-

Custom JavaScript for Websites 2 v3.3.0

开发者插件 2019-12-30 15:34:51

在任何网站上运行自定义 JavaScript。使用此工具在任何网站中注入自定义 JavaScript。Chrome sync API 保存您的脚本,并跨域 url 应用。您可以根据域或自定义正则表达式 (自 v3.1.1 起) 注入自定义 JavaScript。>

此扩展支持专用的 tab 来编辑代码,例如,您可以使用诸如 v2.5.1
> 您可以使用 jQuery

Webug

开发者插件 2015-05-10 07:14:27

FirePHP扩展谷歌Chrome浏览器
PHP调试工具,谷歌Chrome浏览器(最初端口的` FirePHP` )

1.3.1
地址:宣布头大小的限制( @weirdan )

1.3.0
添加:支持部分野火头( @weirdan )

1.2.9
地址:表输出

1.2.8
地址:输出文件名和行号控制台

哔哩哔哩直播 html5 播放器

开发者插件 2018-05-28 03:50:57

本扩展基于 flv.js ,用于将 bilibili 直播的 Flash 播放器替换为 html5 播放器。

** 停止维护 **

官方 html5 :http://live.bilibili.com/help/#uh5

更新:
修复与官方 html5 冲突

推荐搭配 https://userstyles.org/

Web Developer Toolbar

开发者插件 2019-02-13 23:43:21

Web Developer Toolbar 是一款运行于chrome浏览器网页开发工具插件,内建强大的调试和设置功能,为众多的网页开发人员提供想当实用的功能,几乎是每个网页设计师必备的工具。

网址二维码生成器

开发者插件 2017-03-31 13:13:50

将当前访问地址生成二维码
将当前访问地址生成二维码,使用手机扫一扫,即可方便的查看手机版网站。

AJAX Debugger

开发者插件 2015-11-18 00:24:52

记录所有活动AJAX的开发工具控制台,允许AJAX的检验要求,并与所有的输入新标签中打开电话。
AJAX调试器会记录所有的AJAX ( XMLHttpRequest的)活动, Chrome浏览器的开发者工具控制台。

my script

开发者插件 2019-01-01 17:56:10

存储自定义脚本至localstorage,重新加载页面时,domready后插入脚本至页面