當前位置: 首頁 > Chrome插件推薦 > 值得推薦的chrome開發工具、瀏覽器管理及效率插件匯總

值得推薦的chrome開發工具、瀏覽器管理及效率插件匯總

Chrome插件推薦
 

本文將從個人使用經驗出發,給大家介紹13個敏捷、高效的chrome開發工具、瀏覽器管理及效率插件,讓你在使用時更加得心應手。

值得推薦的chrome開發工具一: Web Developer

 Web Developer插件簡介

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

 Web Developer插件功能

Web Developer插件的工具欄很多,Web Developer 主要由以下幾個部分組成:Disable、Cookies、CSS、Forms、Images、Information、Miscellaneous、Outline、Resize、Tools、View Source和Options。如下圖所示:
 Web Developer插件簡介

值得推薦的chrome開發工具二:FeHelper

FeHelper插件簡介

WEB前端助手:FeHelper是一款chrome瀏覽器插件。包含一些前端實用的工具,如字符串編解碼、代碼美化、JSON格式化查看、二維碼生成器、編碼規范檢測、柵格規范檢測、網頁性能檢測、頁面取色等web前端開發的常見功能。如果有特殊的情況,FeHelper插件甚至還可以幫助用戶把普通的字符直接編碼成時下最流行的二維碼圖片與移動設備交互.
FeHelper插件簡介

FeHelper插件功能

1、字符串編解碼(Unicode/UTF8/Base64/MD5)
2、代碼美化工具(HTML/CSS/JS/XML/SQL)
3、代碼壓縮工具(HTML/CSS/JS)
4、Json串格式化(粘貼文本、手動格式化)
5、Json頁面美化(頁面自動檢測并格式化,強制開啟)
6、二維碼生成器(支持當前頁面生成QrCode)
7、頁面取色工具(滑動鼠標隨意取色)
8、Js正則表達式(正則測試、常用正則列表)
9、時間(戳)轉換(Unix戳與本地時間的互轉)
10、圖片 Base64(任意圖片轉DataURI格式)
11、編碼規范檢測(HTML/CSS/JS規范檢測)
12、頁面性能檢測(頁面響應時間、Header監測)
13、Ajax調試功能(需在控制臺中使用)

值得推薦的chrome開發工具三:Postman Intercepto

Postman Intercepto插件簡介

Postman Intercepto是一款能自定義HTTP Header,對HTTP的請求進行過濾的chrome插件。
Postman Intercepto插件簡介

Postman Intercepto插件注意事項

1.Postman Interceptor必須和Postman聯合使用。
2.Postmanintercept的版本要與postman的版本匹配,否則send請求,會一直是loading的狀態。
3.postman有一個坑的地方是同步過來的地址少了一個host.需要手動配置一下.

值得推薦的chrome開發工具四:EditThisCookie

EditThisCookie插件簡介

EditThisCookie是一款可以管理Chrome瀏覽器中cookies的插件,用戶可以利用EditThisCookie添加,刪除,編輯,搜索,鎖定和屏蔽cookies。EditThisCookie插件是一款為谷歌瀏覽器定制的非常強大的一款cookies管理chrome插件。
EditThisCookie插件簡介

EditThisCookie插件功能

1、刪除所有cookie的
2、編輯任何的cookie
3、添加一個新的cookie
4、搜索一個cookie
5、保護一個cookie (只讀)
6、塊餅干(餅干過濾器)
7、在JSON , Netscape的cookie文件(完美的wget和卷曲) , Perl的:: LPW
8、進口餅干JSON <出口餅干BR / >
9、限制任何cookie的最大有效期限EditThisCookie"

值得推薦的chrome開發工具五: Octotree

 Octotree插件簡介

Octotree是一款可以使你在github查看項目時可以清晰明了的看到項目的結構以及具體代碼,使下載代碼更具有目的性,減少不必要代碼的下載的chrome擴展程序。
Octotree插件簡介

 Octotree插件功能

1.類似 IDE 的非常方便的代碼目錄樹
2.使用 PJAX 的超快代碼瀏覽(很快?。?/div>
3.支持公有庫和私有庫

值得推薦的chrome開發工具六:sourcegraph

sourcegraph插件簡介

Sourcegraph 是一款能夠根據語義來把Web上的開源代碼編入索引的代碼搜索瀏覽工具。你可以從代碼倉庫和安裝包甚至是函數里搜索代碼,同時也可以直接點擊被完全創建了鏈接的代碼來閱讀文檔、跳轉到變量定義或者馬上找到可用的Demo??偠灾?,你可以在你的web瀏覽器上完成這一切,而不需要配置任何編輯器。由Sourcegraph 出品的這款Chrome插件,可以非常方便的瀏覽和搜索Github上的代碼,持跨repository搜索、跳轉到定義、查找引用等功能,宛若一個功能強大的IDE。核心功能如跳轉到定義(Go-to-definition)——瀏覽文件或查看pull請求時,將鼠標懸停在代碼上可以查看文檔提示,單擊即可跳轉到定義、查找引用或全文搜索。
sourcegraph插件簡介

值得推薦的chrome瀏覽器管理插件一:OneTab

OneTab插件簡介

OneTab是一款可以幫助用戶關閉掉不需要的chrome標簽頁,節省chrome的使用資源的谷歌瀏覽器插件,在chrome中安裝了OneTab插件以后,用戶就可以在打開多個標簽頁的時候,點擊OneTab插件,關閉掉無用的標簽頁,而在需要它們的時候,重新進行恢復。
OneTab插件簡介

OneTab插件注意事項

1.如果用戶打開兩個獨立的谷歌瀏覽器窗口,那么在其中一個瀏覽器窗口中使用OneTab插件的時候整個瀏覽器都會被關閉,OneTab插件的標簽頁會顯示在另一個Chrome窗口中,所以莫要驚慌。
2.OneTab插件只是一款輔助用戶關閉掉一些Chrome已經打開標簽頁的插件,當用戶的Chrome標簽頁中含有比較重要內容的時候建議使用手動的方式一個一個去清除掉不需要的標簽頁(這樣可以確保含有表單編輯的標簽頁能夠正確地被關閉)。
3.OneTab插件的緩存內容只是保存了當前的URL地址,如果用戶正在編輯標簽內容的時候請不要使用OneTab插件,因為這樣會丟失用戶的操作!

值得推薦的chrome瀏覽器管理插件二:谷歌訪問助手

谷歌訪問助手插件簡介

谷歌訪問助手是一款免費的谷歌服務代理插件,不用配置就可以正常訪問谷歌的大部分服務,而且速度很不錯。最簡單易用的谷歌訪問助手,為chrome擴展用戶量身打造??梢越鉀Qchrome擴展無法自動更新的問題,同時可以訪問谷歌google搜索,gmail郵箱,google學術等谷歌服務。
谷歌訪問助手插件簡介

谷歌訪問助手插件功能

1、解決google.com谷歌搜索打不開的問題
2、解決mail.google.com打不開,gmail郵箱無法訪問的問題
3、解決chrome網上應用商店無法訪問的問題

值得推薦的chrome瀏覽器管理插件三:百度藥丸

百度藥丸插件簡介

百度藥丸插件是一款可以屏蔽百度推廣凈化網頁的chrome插件。
百度藥丸插件簡介

值得推薦的chrome效率插件一: 劃詞翻譯

劃詞翻譯插件簡介

劃詞翻譯支持幾乎所有語言的翻譯與閱讀,并且同時支持國內與國外的谷歌翻譯。網頁上的翻頁擴展,不僅要做到翻譯的雅信達,更要做到在使用上便捷,在操作邏輯上簡單,比如劃詞翻譯,比如支持快捷鍵,比如朗讀功能等等。支持谷歌、百度、有道、必應四大翻譯和朗讀引擎,可以方便的查看、復制和朗讀不同引擎的翻譯結果。
劃詞翻譯插件簡介

劃詞翻譯插件功能

1.支持幾乎所有語言的翻譯與閱讀,并且同時支持國內與國外的谷歌翻譯;
2.劃詞即顯示翻譯結果,簡單方便??梢灾付繕苏Z言,例如從中文翻譯到法語;
3.支持在 PDF 文檔里使用
4.單詞釋義既詳細又精準;
5.自帶多種網頁翻譯,彌補國內Chrome網頁翻譯總是出錯的不足;
6.完全免費;
7.無需安裝任何第三方軟件,麻雀雖小,五臟俱全。

值得推薦的chrome效率插件二:LastPass

LastPass插件簡介

Lastpass是一個優秀的在線密碼管理器和頁面過濾器,采用了強大的加密算法,自動登錄/云同步/跨平臺/支持多款瀏覽器的瀏覽器插件。LastPass的密碼管理器,一個屢獲殊榮,保存你的密碼給你訪問的每臺電腦和移動設備。只記得一個密碼你的LastPass的主密碼。保存你所有的用戶名和密碼,LastPass的,將自動注冊到您的網站和同步你的密碼,在任何你需要的地方。通吃 Win、Mac、Linux 三大桌面系統 + 所有主流瀏覽器 (Chrome、Safari、Opera、IE…)+移動平臺(iOS、Android、WP、Blueberry…)。通過其 自動云端同步 特性,只需一個 LastPass 帳號就可隨時隨地享受 密碼自動填充、安全筆記、好友密碼共享 等實用功能。
LastPass插件簡介

LastPass插件功能

一、保存一切
1、商店的登錄用戶名和密碼
2、通過添加信用卡和購物公司快速結帳
3、附加文檔,PDF文件,圖像,音頻,和更多
4、保存任何一段你需要保持安全和訪問的數據
5、管理從一個簡單的一切,搜索“密碼庫”
6、添加、編輯、查看、刪除和組織你的網站
二、訪問方便
1、安裝瀏覽器插件的所有計算機上都可以安裝LastPass
2、LastPass帳戶登錄是一樣無處不在
3、升級到保費的LastPass無限無限同步在任何設備,包括桌面電腦,筆記本電腦,智能手機或平板電腦。
三、改善在線密碼安全
1、生成安全的密碼,以取代弱的
2、當你注冊網站就創建新的密碼
3、用多因素身份驗證保護你的LastPass帳戶
4、使用LastPass的安全檢查檢查你的密碼標識弱密碼和重復密碼
四、使用密碼管理器的好處
1、永遠不要忘記另一個密碼
2、生成強大的密碼,你不必記住
3、密碼自動填入你去你的網站!
4、安全地共享您的密碼與朋友和家人
5、只擔心一個主密碼

值得推薦的chrome效率插件三:Nimbus

Nimbus插件簡介

Nimbus是一款用于截圖錄屏的chrome網頁截屏錄屏插件,該插件在安裝后可以讓使用者對瀏覽器頁面使用整頁截取、顯示頁面截取以及選擇截取等多種截取方式,并可通過該插件自帶的編輯頁面來簡單編輯被截取的圖片,同時還可以通過屏幕共享功能來讓使用者分享其當前的屏幕信息,只需要你點擊插件圖標即可快速使用。
Nimbus插件簡介

Nimbus插件功能

一、捕獲屏幕截圖
1、捕獲整個網頁或其中的必要部分;
2、捕獲整個瀏覽器窗口(?。?
3、捕獲其他程序的瀏覽器窗口(?。?
4、快速捕獲站點片段(?。?
5、從頭開始創建自己的圖紙或模型(?。?
二、錄制截屏視頻(來自屏幕的視頻)
1、從屏幕/標簽錄制視頻(截屏視頻)(?。?
2、錄制來自其他活動節目的視頻(?。?
3、自定義屏幕分辨率和FPS;
4、你可以畫視頻;
三、修改屏幕截圖
1、在屏幕截圖中粘貼不同的圖案和文本框;
2、調整屏幕大小并剪裁;
3、在屏幕截圖中添加箭頭和貼紙(?。?
4、突出顯示屏幕截圖上的文字(?。?
四、分享截圖和截屏視頻
1、保存截圖:JPG和PNG;
2、將截圖和截屏保存到Nimbus Note;
3、發送截圖給Slack(?。?/div>
4、將屏幕截圖保存到Google云端硬盤和Google課堂;
5、評論截圖和截屏視頻;

值得推薦的chrome效率插件四:AdBlock

AdBlock插件簡介

AdBlock是一款chrome中非常著名的廣告屏蔽插件,對于普通網站上的廣告單元、漂浮廣告、視頻播放廣告、圖片廣告等,AdBlock都能很好地進行處理,使得用戶的Chrome瀏覽環境瞬間變成小清新。其在chrome瀏覽器中的安裝量已經高達4000萬,如此多的安裝用戶已經足以證明其的強大之處,對于AdBlock本身來說,其號稱能夠屏蔽整個互聯網上的廣告,這是一款非常自信的說話,但不得不承認,AdBlock已經實現了!
AdBlock插件簡介

小結

以上就是小編推薦的13個敏捷、高效的chrome開發工具、瀏覽器管理及效率插件,趕緊下載使用吧!

參考https://www.cnblogs.com/JulianHuang/p/12419604.html

相關插件內容推薦

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

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

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

PageXray

開發者插件 2019-11-07 08:56:20

PageXray是一款chrome插件,它將向您顯示在任何頁面上使用的技術。

NetBeans Connector

開發者插件 2019-05-19 03:19:17

在NetBeans Connector提供獲獎的NetBeans IDE和谷歌Chrome瀏覽器。
的NetBeans IDE提供了一套完整的JavaScript和HTML5的開發工具,包括代碼編輯,調試,現場造型,開發與iOS和Android的獎項之間的深

Webstorm網頁調試插件:JetBrains IDE Support

開發者插件 2019-03-05 20:22:16

JetBrains IDE Support是一款支持編譯即時顯示在瀏覽器上調試的谷歌瀏覽器插件。作為web開發人員常用的開發者插件,程序員習慣稱之為JB插件。這款調試插件需要與一些開發工具結合使用,

Mobile/Responsive Web Design Tester

開發者插件 2019-11-07 09:11:18

Responsive Web Design Tester是一款可以模擬手機等移動設備來訪問PC端的網頁進而進行測試的Chrome插件,是一種快速、簡單的測試響應性網站的方法。

React Developer Tools - React開發者工具

開發者插件 2019-02-20 12:10:21

React Developer Tools是一款由facebook開發的有用的Chrome 瀏覽器擴展,可以通過 Chrome Web存儲獲取。使用 Chrome Devtools 進行調試時,可以查看應用程序的 React 組件分層結構,而不是更加神秘的瀏

Postman Interceptor

開發者插件 2018-04-16 16:07:54

送你發送請求通過郵差應用程序,它使用瀏覽器Cookie通過郵差鍍鉻的應用程序。
郵差攔截器發射幫助請求。
它也可以發送標題這是由鍍鉻通常的限制,但是對于測試API的關鍵。

Postman

開發者插件 2018-04-16 16:08:38

Postman是一個非常有力的Http Client工具,Postman是一款功能強大的網頁調試與發送網頁HTTP請求的Chrome插件,可在Web服務測 試中用來進行接口測試。

Domecross - 多點訪問測試插件

辦公插件 2019-11-22 09:20:29

為開發者提供的Chrome瀏覽器網站多點訪問測試插件,可以模擬網站多地點打開效果和訪問速度測試,極大提高您的測試工作的效率.。

Tag Manager Assistant

開發者插件 2019-10-28 09:34:27

Tag Manager Assistant(代碼管理器助手)通過自動檢查自定義JavaScript數據集來幫助驗證標簽和數據層實現,從而在調試時不會將信息傳播到每個人的瀏覽器控制臺中,而無需共享給協作者

MobX Developer Tools

開發者插件 2019-05-19 02:38:33

用于MobX和React的開發工具 檢查mobx-react觀察員。 編輯可觀察對象中的值(不支持編輯反應道具/狀態,使用react-devtools) 跟蹤MobX可觀察量的變化 MST支持

北京pk拾技巧教学