From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001
From: Peter Bengtsson <mail@peterbe.com>
Date: Tue, 8 Dec 2020 14:40:17 -0500
Subject: initial commit

---
 files/zh-cn/tools/eyedropper/index.html | 45 +++++++++++++++++++++++++++++++++
 1 file changed, 45 insertions(+)
 create mode 100644 files/zh-cn/tools/eyedropper/index.html

(limited to 'files/zh-cn/tools/eyedropper')

diff --git a/files/zh-cn/tools/eyedropper/index.html b/files/zh-cn/tools/eyedropper/index.html
new file mode 100644
index 0000000000..762c2dd693
--- /dev/null
+++ b/files/zh-cn/tools/eyedropper/index.html
@@ -0,0 +1,45 @@
+---
+title: Eyedropper
+slug: Tools/Eyedropper
+tags:
+  - 取色器
+translation_of: Tools/Eyedropper
+---
+<div>{{ToolsSidebar}}</div><div class="geckoVersionNote">
+<p>取色器是Firefox31中新增的功能</p>
+</div>
+
+<p>你可以使用取色器提取当前页面上的颜色。当取色器被激活的时候，它就像一个“放大镜”，使得你可以进行像素精度的颜色选择。在取色器下方显示的是当前像素点的颜色值，颜色值显示格式与你在<a href="/en-US/docs/Tools_Toolbox#Inspector">设置</a>中选择的一致</p>
+
+<p><img alt="" src="https://mdn.mozillademos.org/files/7749/eyedropper.png" style="width: 305px; height: 204px; display: block; margin-left: auto; margin-right: auto;">使用取色器有两种方法：</p>
+
+<ul>
+ <li>从页面上提取一种颜色，然后粘贴在剪贴板上</li>
+ <li>把”检查器“样式视窗中的颜色改变为你在页面上选择的颜色</li>
+</ul>
+
+<h2 id="把一个颜色值复制到剪切板">把一个颜色值复制到剪切板</h2>
+
+<p>有两种方法激活取色器</p>
+
+<ul>
+ <li>选择”开发者工具“菜单下的”取色器“</li>
+ <li>点击工具栏中的取色器按钮（但是要注意这个按钮默认是不显示的：你需要在”开发者工具箱“中勾选上”从页面上抓取一个颜色“来使它默认可见）</li>
+</ul>
+
+<p>选中取色器之后，随着鼠标在页面上的移动，你可以看到取色器下面的当前颜色值也在变化。点击鼠标会把当前的颜色值复制到剪切板</p>
+
+<p>{{EmbedYouTube("xf2uk6UyRB8")}}（youtube视频演示需要翻墙，否则不能加载）</p>
+
+<h2 id="改变样式中的颜色值">改变样式中的颜色值</h2>
+
+<p>检查器css样式中的颜色值旁边有一个圆形的颜色样板：点击颜色样板会出现一个颜色提取弹窗。从火狐31版本之后，弹窗包含一个取色器图标：点击这个图标可以激活取色器</p>
+
+<p>现在，点击弹窗中取色器，然后移动鼠标点击页面，css样式中的颜色值就会变成你所选择的颜色</p>
+
+<p><br>
+ {{EmbedYouTube("0Zx1TN21QOo")}}（youtube视频演示需要翻墙，否则不能加载）</p>
+
+<h2 id="键盘快捷键">键盘快捷键</h2>
+
+<p>{{ Page ("en-US/docs/tools/Keyboard_shortcuts", "eyedropper") }}</p>
-- 
cgit v1.2.3-54-g00ecf