你應(yīng)該早點(diǎn)知道的頂級(jí) Chrome 擴(kuò)展
Chrome 是一款出色的瀏覽器——它運(yùn)行速度快、設(shè)計(jì)精良,并且充滿(mǎn)了有用的功能——但這僅僅是個(gè)開(kāi)始。Chrome 的真正優(yōu)勢(shì)在于其龐大的附加組件庫(kù),它為它提供了源源不斷的新特性和功能。
在本文中,我將向您介紹您可能不知道的頂級(jí)擴(kuò)展。
1. Fake Filler
Fake Filler 是一種表單填充器,此擴(kuò)展名允許您用虛擬數(shù)據(jù)填充所有表單輸入(文本框,文本區(qū)域,單選按鈕,下拉菜單等)。對(duì)于使用表單的開(kāi)發(fā)人員和測(cè)試人員來(lái)說(shuō),這是必須的,因?yàn)樗苊饬嗽谧侄沃惺謩?dòng)輸入值的需要。
2. ColorPick 吸管
一個(gè)滴管和顏色選擇器工具,允許你從網(wǎng)頁(yè)中選擇顏色值,本程序是一個(gè)顏色選擇器,或滴管器或eyedroper也取決于你如何想拼。它也包含網(wǎng)頁(yè)區(qū)域放大/變焦放大鏡功能??s放功能可以幫助您在Web開(kāi)發(fā)調(diào)整期間看到像素完美的對(duì)齊精度。這個(gè)擴(kuò)展可以通過(guò)URL重寫(xiě)附屬鏈接來(lái)支持??梢詮倪x項(xiàng)中禁用此選項(xiàng)。
3. Site Palette
設(shè)計(jì)師和前端開(kāi)發(fā)人員必備工具。一款可以從任何網(wǎng)站提取顏色的瀏覽器插件。軟件可以將用戶(hù)選擇的顏色在3D模型中將相似的顏色聚類(lèi),按體積對(duì)其進(jìn)行排序,并為每個(gè)塊返回基色。搭配語(yǔ)義顏色提取的API,從而獲取任何網(wǎng)站的和諧調(diào)色板,幫助用戶(hù)從網(wǎng)頁(yè)上提取到最準(zhǔn)確的顏色。
4. What Font - find font
識(shí)別網(wǎng)頁(yè)字體的最簡(jiǎn)單方法。這是一個(gè)在Chrome瀏覽器快速查看任意的網(wǎng)頁(yè)的任何地方使用的是哪種字體以及字體的樣式, 它包括字體的名稱(chēng)、family,顏色、樣式、大小、位置等信息。
5. Responsive Viewer
一款響應(yīng)式網(wǎng)頁(yè)查看工具,它可以展示你的網(wǎng)頁(yè)在多個(gè)尺寸屏幕下的樣式,并將所有的屏幕在一個(gè)頁(yè)面上展示,你可以快速查看網(wǎng)頁(yè)的響應(yīng)式設(shè)計(jì)
Responsive Viewer 使用起來(lái)非常容易,你只需要打開(kāi)要查看的網(wǎng)頁(yè),然后點(diǎn)擊擴(kuò)展按鈕就可以轉(zhuǎn)到查看頁(yè)面。
6. PerfectPixel
PerfectPixel允許開(kāi)發(fā)人員和標(biāo)記設(shè)計(jì)人員在開(kāi)發(fā)的HTML頂部放置半透明的圖像疊加層,并在它們之間進(jìn)行像素完美的比較,這對(duì)于復(fù)制 UI 設(shè)計(jì)非常有用。
7. Imageye
Imageye是一款可以幫你批量下載網(wǎng)頁(yè)圖片的插件,這款插件可以讓你直接點(diǎn)選下載,插件內(nèi)建篩選器功能,依照指定的照片像素或網(wǎng)址挑選出特定的圖片,也能在選擇圖片后一次將它們?nèi)肯螺d、保存到電腦里。
8. tylebot
立即更改 Web 的外觀。stylebot(Chrome頁(yè)面樣式自定義插件)是一款能自定義網(wǎng)頁(yè)樣式的Chrome頁(yè)面樣式自定義插件,主要能通過(guò)直接修改頁(yè)面樣式或是將自己編寫(xiě)的CSS代碼導(dǎo)入頁(yè)面來(lái)改變頁(yè)面的CSS樣式與頁(yè)面布局。在安裝了這款插件后,使用者可以修改字體,修改背景,修改顏色,調(diào)整位置等,可以個(gè)性化你最喜愛(ài)的網(wǎng)站的外觀,當(dāng)然若是使用者愿意的話(huà)還能將自己的CSS樣式分享出去,需要的朋友歡迎前來(lái)下載使用。
9. Page Ruler Redux
Page Ruler Redux是一個(gè)核心的Web開(kāi)發(fā)人員和設(shè)計(jì)人員工具,可讓您獲得Web元素的像素完美度量,以進(jìn)行網(wǎng)站前端開(kāi)發(fā),Web設(shè)計(jì)或獲得任何Web元素完美像素度量所需的任何任務(wù)。
10. Web Developer
一款可以安裝在谷歌瀏覽器上的Chrome Web Developer輕量級(jí)開(kāi)發(fā)插件,安裝使用Web Developer插件可以讓您的開(kāi)發(fā)變得更加順暢。
Web Developer 這款擴(kuò)展集成了各種各樣的 Web 開(kāi)發(fā)工具,幾乎是網(wǎng)頁(yè)開(kāi)發(fā)人員必備的 Chrome 開(kāi)發(fā)者工具擴(kuò)展插件,安裝之后會(huì)在瀏覽器工具欄添加一個(gè)齒輪狀的小圖標(biāo),點(diǎn)擊小圖標(biāo)之后就可以看到大量的 Web 開(kāi)發(fā)工具。
結(jié)論
我希望本文的這個(gè)簡(jiǎn)短列表對(duì)你有幫助。如果您需要任何幫助,請(qǐng)?jiān)谠u(píng)論部分告訴我。