如何將 Chrome 變成開發利器,開發者們在用這些插件
Chrome瀏覽器具有強大的跨平台能力以及豐富的擴展插件,一直是許多開發者的首要選擇。而利用許多Chrome插件,開發者們在開發流程中能夠極大地提高開發效率。我們就整理了十款開發者常用的Chrome插件推薦給大家,相信能夠在你的開發中助你一臂之力。
1、掘金Chrome插件:幫你發現乾貨
不管你是開發者、設計師還是產品經理,想必每天都需要閲讀大量的行業相關文章,這就需要我們瀏覽大量的互聯網站點去尋找我們需要的內容。拋開繁複的篩選成本不説,「比特級」的內容都會壓得你喘不過氣來。
掘金為了解決這個問題,開發了掘金Chrome插件,掘金Chrome插件聚合了國內外優質的互聯網站點內容,在節省你的篩選成本的同時,幫你發現好內容。
2、Postman:強大的API&HTTP請求調試工具
相信Postman對於掘金上的各位開發者來説,一定不會陌生,這是一款強大的API&HTTP請求調試工具,Postman不僅可以調試簡單的HTML、CSS以及腳本等簡單的網頁基本信息,這款Chrome插件甚至還能發送幾乎所有的HTTP請求,可謂是Web開發者的一大利器。
3、BuiltWith Technology Profiler:你的網站,用了什麼技術棧?
作為開發者,對於友商網站所使用的技術棧想必也充滿了許多好奇心,有沒有工具能夠幫你完成這項工作呢?答案就是Chrome插件BuiltWith Technology Profiler,它能夠幫你分類呈現當前訪問網站的技術棧組成,實乃探索友商之利器。
當然,同類產品中,你也可以使用Wappalyzer這一款Chrome插件。
4、Octotree:你的 Github 文檔庫
GitHub現有的目錄層級形式,在查看來自不同層級文件夾的文件的時候,顯得似乎不是很方便,Octotree這款Chrome插件能夠讓你通過文檔庫的方式管理、查看你的GitHub倉庫,簡單直觀的同時,也方便你進行文件之間的跳轉操作。
5、GitHub Awesome Complete:屬於 GitHub 的 「Alfred」
在GitHub搜索倉庫或者項目的時候,你會怎麼做?相信大部分人的步驟都是一樣的:
有沒有更簡單快捷的操作方法?答案是GitHub Awesome Complete這款Chrome插件。這款插件能夠讓你在GitHub中輸入關鍵字之後通過彈窗動態顯示相應的搜索結果,你所需要做的,只是點擊即可。
6、Octo Mate:增強你的GitHub體驗
除了以上兩款GitHub相關的插件,這裏我還要介紹一下Octo Mate這款能夠提升你的GitHub體驗的小工具。對於這款插件,主要功能有以下四點:
相信這樣一款插件一定能讓你在使用GitHub的時候更加高效。
7、Page Ruler:你的網頁標尺
前端開發者在調試網頁的時候,一定會遇到需要查看網頁中某個具體控件或者整個網頁具體尺寸的情況,這時候,Page Ruler能夠幫你完成這一項工作,測量網頁元素,再也不用打開佔據大片空間的「檢查元素」窗口了。
8、User-Agent Switcher for Chrome:網頁自適應測試工具
你的網頁對於各類設備的自適應情況怎麼樣?正常情況下,我們需要同時在不同的設備上測試網頁的自適應情況,有了 User-Agent Switcher for Chrome,只需要一個瀏覽器插件,你可以隨時更換 UA,測試網頁的自適應情況,幫你很好地提高了開發效率。
9、Vysor:解放雙手的Android測試工具
實機調試Android應用,你是不是還在一邊測試着Android設備一邊在電腦上修改代碼?有了Vysor這款Chrome插件,只需要通過USB連接,你就可以直接在Chrome中通過鼠標操作Android設備,設備間切換造成的時間成本降低了,開發效率自然就提高了。
10、SimilarWeb:查看網站各種流量數據
對於網站開發者來説,除了網站本身的代碼設計與開發,網站的各種用户訪問數據與流量分析也是很重要的一塊工作。SimilarWeb這款Chrome插件能夠幫你統計網站的流量來源與排名,查詢網站參與等各種網站信息。
除了以上介紹的十款擴展之外,Chrome還有許多類似實用的擴展插件,相信你一定能夠找到自己需要的那款插件,祝各位開發者們開發愉快!
資料來源:雷鋒網
作者/編輯:稀土
1、掘金Chrome插件:幫你發現乾貨
不管你是開發者、設計師還是產品經理,想必每天都需要閲讀大量的行業相關文章,這就需要我們瀏覽大量的互聯網站點去尋找我們需要的內容。拋開繁複的篩選成本不説,「比特級」的內容都會壓得你喘不過氣來。
掘金為了解決這個問題,開發了掘金Chrome插件,掘金Chrome插件聚合了國內外優質的互聯網站點內容,在節省你的篩選成本的同時,幫你發現好內容。
2、Postman:強大的API&HTTP請求調試工具
相信Postman對於掘金上的各位開發者來説,一定不會陌生,這是一款強大的API&HTTP請求調試工具,Postman不僅可以調試簡單的HTML、CSS以及腳本等簡單的網頁基本信息,這款Chrome插件甚至還能發送幾乎所有的HTTP請求,可謂是Web開發者的一大利器。
3、BuiltWith Technology Profiler:你的網站,用了什麼技術棧?
作為開發者,對於友商網站所使用的技術棧想必也充滿了許多好奇心,有沒有工具能夠幫你完成這項工作呢?答案就是Chrome插件BuiltWith Technology Profiler,它能夠幫你分類呈現當前訪問網站的技術棧組成,實乃探索友商之利器。
當然,同類產品中,你也可以使用Wappalyzer這一款Chrome插件。
4、Octotree:你的 Github 文檔庫
GitHub現有的目錄層級形式,在查看來自不同層級文件夾的文件的時候,顯得似乎不是很方便,Octotree這款Chrome插件能夠讓你通過文檔庫的方式管理、查看你的GitHub倉庫,簡單直觀的同時,也方便你進行文件之間的跳轉操作。
5、GitHub Awesome Complete:屬於 GitHub 的 「Alfred」
在GitHub搜索倉庫或者項目的時候,你會怎麼做?相信大部分人的步驟都是一樣的:
引用在搜索框輸入關鍵字後按回車鍵
在搜索結果中找到相應結果,點擊進入相應頁面
有沒有更簡單快捷的操作方法?答案是GitHub Awesome Complete這款Chrome插件。這款插件能夠讓你在GitHub中輸入關鍵字之後通過彈窗動態顯示相應的搜索結果,你所需要做的,只是點擊即可。
6、Octo Mate:增強你的GitHub體驗
除了以上兩款GitHub相關的插件,這裏我還要介紹一下Octo Mate這款能夠提升你的GitHub體驗的小工具。對於這款插件,主要功能有以下四點:
引用一鍵下載文件:GitHub 可以讓你很方便的以 .zip 格式下載所有文件,但如果只需要下載一個文件,非常麻煩。使用 Octo Mate 後只需要點擊文件圖標即可下載。
一鍵打開項目的 Github Pages
顯示倉庫大小
顯示未讀消息數
相信這樣一款插件一定能讓你在使用GitHub的時候更加高效。
7、Page Ruler:你的網頁標尺
前端開發者在調試網頁的時候,一定會遇到需要查看網頁中某個具體控件或者整個網頁具體尺寸的情況,這時候,Page Ruler能夠幫你完成這一項工作,測量網頁元素,再也不用打開佔據大片空間的「檢查元素」窗口了。
8、User-Agent Switcher for Chrome:網頁自適應測試工具
你的網頁對於各類設備的自適應情況怎麼樣?正常情況下,我們需要同時在不同的設備上測試網頁的自適應情況,有了 User-Agent Switcher for Chrome,只需要一個瀏覽器插件,你可以隨時更換 UA,測試網頁的自適應情況,幫你很好地提高了開發效率。
9、Vysor:解放雙手的Android測試工具
實機調試Android應用,你是不是還在一邊測試着Android設備一邊在電腦上修改代碼?有了Vysor這款Chrome插件,只需要通過USB連接,你就可以直接在Chrome中通過鼠標操作Android設備,設備間切換造成的時間成本降低了,開發效率自然就提高了。
10、SimilarWeb:查看網站各種流量數據
對於網站開發者來説,除了網站本身的代碼設計與開發,網站的各種用户訪問數據與流量分析也是很重要的一塊工作。SimilarWeb這款Chrome插件能夠幫你統計網站的流量來源與排名,查詢網站參與等各種網站信息。
除了以上介紹的十款擴展之外,Chrome還有許多類似實用的擴展插件,相信你一定能夠找到自己需要的那款插件,祝各位開發者們開發愉快!
資料來源:雷鋒網
作者/編輯:稀土