Chrome 是一款出色的瀏覽器——它運行速度快、設計精良，并且充滿了有用的功能——但這僅僅是個開始。Chrome 的真正優勢在于其龐大的附加組件庫，它為它提供了源源不斷的新特性和功能。

在本文中，我將向您介紹您可能不知道的頂級擴展。

1.  Fake Filler

Fake Filler 是一種表單填充器，此擴展名允許您用虛擬數據填充所有表單輸入（文本框，文本區域，單選按鈕，下拉菜單等）。對于使用表單的開發人員和測試人員來說，這是必須的，因為它避免了在字段中手動輸入值的需要。

2.  ColorPick 吸管

一個滴管和顏色選擇器工具，允許你從網頁中選擇顏色值，本程序是一個顏色選擇器，或滴管器或eyedroper也取決于你如何想拼。它也包含網頁區域放大/變焦放大鏡功能。縮放功能可以幫助您在Web開發調整期間看到像素完美的對齊精度。這個擴展可以通過URL重寫附屬鏈接來支持。可以從選項中禁用此選項。

3.  Site Palette

設計師和前端開發人員必備工具。一款可以從任何網站提取顏色的瀏覽器插件。軟件可以將用戶選擇的顏色在3D模型中將相似的顏色聚類，按體積對其進行排序，并為每個塊返回基色。搭配語義顏色提取的API，從而獲取任何網站的和諧調色板，幫助用戶從網頁上提取到最準確的顏色。

4.  What Font - find font

識別網頁字體的最簡單方法。這是一個在Chrome瀏覽器快速查看任意的網頁的任何地方使用的是哪種字體以及字體的樣式， 它包括字體的名稱、family，顏色、樣式、大小、位置等信息。

5.  Responsive Viewer

一款響應式網頁查看工具，它可以展示你的網頁在多個尺寸屏幕下的樣式，并將所有的屏幕在一個頁面上展示，你可以快速查看網頁的響應式設計

Responsive Viewer 使用起來非常容易，你只需要打開要查看的網頁，然后點擊擴展按鈕就可以轉到查看頁面。

6.  PerfectPixel

PerfectPixel允許開發人員和標記設計人員在開發的HTML頂部放置半透明的圖像疊加層，并在它們之間進行像素完美的比較，這對于復制 UI 設計非常有用。

7. Imageye

Imageye是一款可以幫你批量下載網頁圖片的插件，這款插件可以讓你直接點選下載，插件內建篩選器功能，依照指定的照片像素或網址挑選出特定的圖片，也能在選擇圖片后一次將它們全部下載、保存到電腦里。

8.  tylebot

立即更改 Web 的外觀。stylebot(Chrome頁面樣式自定義插件)是一款能自定義網頁樣式的Chrome頁面樣式自定義插件，主要能通過直接修改頁面樣式或是將自己編寫的CSS代碼導入頁面來改變頁面的CSS樣式與頁面布局。在安裝了這款插件后，使用者可以修改字體，修改背景，修改顏色，調整位置等，可以個性化你最喜愛的網站的外觀，當然若是使用者愿意的話還能將自己的CSS樣式分享出去，需要的朋友歡迎前來下載使用。

9.  Page Ruler Redux

Page Ruler Redux是一個核心的Web開發人員和設計人員工具，可讓您獲得Web元素的像素完美度量，以進行網站前端開發，Web設計或獲得任何Web元素完美像素度量所需的任何任務。

10.  Web Developer

一款可以安裝在谷歌瀏覽器上的Chrome Web Developer輕量級開發插件，安裝使用Web Developer插件可以讓您的開發變得更加順暢。

Web Developer 這款擴展集成了各種各樣的 Web 開發工具，幾乎是網頁開發人員必備的 Chrome 開發者工具擴展插件，安裝之后會在瀏覽器工具欄添加一個齒輪狀的小圖標，點擊小圖標之后就可以看到大量的 Web 開發工具。

結論

我希望本文的這個簡短列表對你有幫助。如果您需要任何幫助，請在評論部分告訴我。