當前位置: 首頁 > Chrome插件推薦 > 推薦幾款前端開發中使用的chrome插件

推薦幾款前端開發中使用的chrome插件

Chrome插件推薦
 
在前端開發的過程中會用到很多的插件或軟件,今天小編就給大家介紹幾款前端開發中的chrome插件,讓大家了解一下開發者使用的插件。

前端開發中使用的chrome插件一:Axure RP Extension for Chrome 

Axure RP Extension for Chrome是一個可以讓Chrome瀏覽器查看Axure RP原型HTML的chrome擴展程序。Axure RP將我們在頁面中的設計生成為html的頁面,并且在瀏覽器中進行瀏覽。此插件可以解決Axure做的原型無法在谷歌瀏覽器中查看的問題。
Axure RP Extension for Chrome

Axure RP Extension for Chrome 插件功能

1.允許從Google Chrome瀏覽器查看Axure RP原型的擴展。
2.安裝此擴展以允許在Google Chrome中從本地硬盤驅動器查看Axure RP Prototypes。
3.此擴展需要高訪問級別才能查看file://協議。
4.此擴展僅需要這些權限才能在Chrome中查看原型 ,Axure不會跟蹤或訪問您的任何信息。

前端開發中使用的chrome插件二:有道智能翻譯

由瀑布IM優化過的有道云翻譯插件,支持HTTPS頁面,將更多的資源放在插件內,快速提供翻譯,為閱讀英文文章提供便利。網頁可以分翻譯等級,難詞用括號在原文中注釋,可以全文翻譯。
有道智能翻譯
主要功能包括:
1、劃詞翻譯
2、自動翻譯全文(入門 -> 進階 -> 專家 -> 全文)

前端開發中使用的chrome插件三:顏文字

顏文字插件是針對chrome內核瀏覽器而開發的,是一款用于查找輸入或復制表情文字的chrome顏文字輸入插件,主要用于快速查找需要的顏文字并立刻進行輸入。在安裝了這款顏文字插件后,使用者可以通過點擊插件按鈕來打開插件窗口,通過該窗口使用者可以查找常用的顏文字并通過點擊進行復制,也可以自己將一些該窗口中找不到的顏文字通過該插件添加上傳到顏文字庫中進行分享。
顏文字

顏文字插件功能

1、在任何網頁和任何輸入框里快速輸入“顏文字”。
2、智能的顏文字選擇器,輸入關鍵詞,即可自動調出顏文字選擇器。
3、可以用鍵盤和鼠標來操作選擇顏文字。
4、收錄多達“905”個顏表情。而且在不斷增加中。
5、可以在應用彈出頁面里瀏覽所有表情,然后復制到剪貼板,在其他軟件中使用。
6、陸續增加其他功能中:熱門表情推薦,最近用過的表情,表情收藏夾。

前端開發中使用的chrome插件四:Postman - REST Client

Postman是Ajax開發的神器,對于Restful開發方式特別有幫助,可以用來模擬各種請求來測試API的正確性,比如用來模擬Ajax請求。它還支持認證,比如簡單的用戶名/密碼,或者Oauth1.0。
Postman - REST Client

前端開發中使用的chrome插件五:Web Developer

Web Developer(Chrome開發者工具擴展插件)是一款可以安裝在谷歌瀏覽器上的chrome web developer輕量級開發插件,安裝使用web developer插件可以讓您的開發變得更加順暢。這款擴展集成了各種各樣的 Web 開發工具,幾乎是網頁開發人員必備的 Chrome 開發者工具擴展插件,安裝之后會在瀏覽器工具欄添加一個齒輪狀的小圖標,點擊小圖標之后就可以看到大量的 Web 開發工具。不過,目前這款擴展還沒有提供禁用 Javascript 的功能,因為目前 Chrome 擴展的 API 還不支持該功能。
Web Developer

前端開發中使用的chrome插件六:ColorZilla

ColorZilla是一款可以吸色/取色的工具,它為設計師提供了一種簡單的瀏覽器平臺工具來找到具體顏色數值并且測量它們的不同。它還具有一個“配色方案瀏覽器“,允許您選擇預配置設置的顏色,容易使用而且功能極其豐富。選擇這個工具以后你可以在畫面中輕松的取得你想要的色彩,只要在想取色的區域點擊鼠標,你會發現前景色成為了鼠標點擊點的顏色。
ColorZilla

ColorZilla插件功能

1、吸管器-獲取頁面上任何像素或區域的顏色。
2、一個先進的顏色選擇器類似于可以在Photoshop和Paint Shop Pro中找到的。
3、網頁顏色分析器-分析任何網頁上的DOM元素顏色,找到相應的元素。
4、終極CSS梯度發生器。
5、調色板查看器與7預先安裝調色板。
6、顏色歷史最近挑選的顏色。
7、顯示標簽名稱,類別,編號,大小等元素信息
8、光標下的輪廓元素
9、自動將生成或采樣的顏色復制到CSS RGB,Hex和其他格式的剪貼板。
10、使用鍵盤快速采樣頁面顏色的鍵盤快捷鍵。
11、通過重新采樣最后一個采樣像素,獲取動態元素(懸停鏈接等)的顏色。
12、單擊顏色選擇 - 單擊主ColorZilla工具欄圖標,即可選擇(目前僅在Windows上可用)。
13、從Flash對象中選取顏色。
14、在任何縮放級別選擇顏色。

前端開發中使用的chrome插件七:Page Ruler 

Page Ruler是一款可以快速測量出當前頁面中某個元素大小尺寸的Chrome插件,在Chrome中安裝了Page Ruler插件以后,可以點擊瀏覽器右上角的Page Ruler插件在任何頁面中啟動它來測量相關的元素大小。在啟動Page Ruler插件以后,用戶會看到當前的網頁屏幕中會出現幾個細線,其中陰影部分就是被Page Ruler插件選中的測量部分,在Page Ruler插件的右上角或顯示該插件的測量的詳細結果,用戶也可以通過拖動這些細線來調整待測區域的大小,或者是拖動陰影區域來選擇不同的測量元素。
Page Ruler

前端開發中使用的chrome插件八:草料二維碼

草料二維碼chrome插件是一款多功能的瀏覽器二維碼插件工具,它可以自動將地址欄鏈接生成二維碼,也可以解析網頁上任意一個二維碼圖案的內容。草料二維碼瀏覽器插件提供專業可靠的二維碼生成、美化、管理和解決方案服務。在不同行業、不同領域、不同場景下提供了全方位的解決方案與服務,帶給用戶更好的使用體驗。
草料二維碼

小結

以上就是小編今天介紹的前端開發中的一些chrome插件,小伙伴們還知道其他的嗎?

相關插件內容推薦

AlloyDesigner - 前端重構開發輔助工具

開發者插件 2019-10-28 14:49:24

AlloyDesigner是來自Tencent AlloyTeam的前端開發工具,其只出現開發階段的一定時期,可以在制作時期,也可以在開發測試期,旨在提高前端開發的效率,獲得更加便捷的開發體驗。

Page Ruler - chrome屏幕尺子插件

開發者插件 2019-02-22 16:40:30

Page Ruler是一款可以測量Chrome瀏覽器中網頁元素大小尺寸的谷歌瀏覽器插件。頁面尺寸測量工具,前端設計師專用??梢詼y量頁面元素、圖片和文本的尺寸、位置。Page Ruler是一款可以快速

Eye Dropper

開發者插件 2019-02-22 16:44:28

Eye Dropper是Google Chrome和Chromium的擴展。它允許您從任何網頁或高級顏色選擇器中選擇顏色。它是Web開發人員的絕佳工具。

WEB前端助手(FeHelper)

開發者插件 2019-01-25 22:37:24

WEB前端助手:FeHelper是一款chrome瀏覽器插件。包含一些前端實用的工具,如字符串編解碼、代碼美化、JSON格式化查看、二維碼生成器、編碼規范檢測、柵格規范檢測、網頁性能檢測、頁面取

推薦十二款Web開發必備的Chrome插件

聚合專題 2019-02-20 11:41:00

之前已經分享過一些幫助 Web 開發人員和設計師的 Chrome 擴展,這次我們繼續展示一組很有用的 Chrome 應用程序。這些免費的 Chrome 應用程序可以簡化您的工作流程,為了加快您的工作流

Web Developer - 網頁開發者必備工具

開發者插件 2019-02-13 23:42:46

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

北京pk拾技巧教学