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

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

1.  Fake Filler

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

2.  ColorPick 吸管

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

3.  Site Palette

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

4.  What Font - find font

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

5.  Responsive Viewer

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

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

6.  PerfectPixel

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

7. Imageye

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

8.  tylebot

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

9.  Page Ruler Redux

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

10.  Web Developer

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

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

結論

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