分享工做中經常使用的8款工具(工做效率嗷嗷提高)

1. GitHub加速插件

做爲一名開發者那就沒有不知道Github的，由於它是一個巨大的開源寶庫，以及程序員和編程愛好者的彙集地，是每一個程序員都會用到的必備工具。不過他的訪問速度真的是太垃圾了，不管是頁面加載速度仍是clone速度。

GitHub加速插件是一款谷歌瀏覽器插件，安裝起來很是簡單。谷歌瀏覽器輸入下面的網址。其實就是在谷歌應用商店搜索github 加速，安裝便可。

https://chrome.google.com/webstore/search/github%E5%8A%A0%E9%80%9F?hl=zh-CN

安裝以後github除了頁面幾乎秒開以外，clone地址中多了一個加速選項。本人測試了一下，本來clone速度幾乎在10-40k之間，使用加速地址妥妥的2MB以上。

2. Switcheroo Redirector

Switcheroo Redirector 是谷歌瀏覽器的一款代理插件，如今代理基本已經爛大街了，之因此推薦他是由於他用起來真的很簡單，固然也有很大的侷限。它適用於早起以版本號命名js和css資源的項目。

https://chrome.google.com/webstore/search/Switcheroo%20Redirector?hl=zh-CN

第一個Input中輸入須要代理的資源地址，第二個Input中輸入被代理到的地址就能夠了。我通常使用他將正式環境的資源映射到本地，這樣就可使用正式的數據進行問題排查了。

3. Adblock Plus

是谷歌瀏覽器一款免費的廣告攔截器，安裝方法和上面相同谷歌應用商店搜索安裝就能夠了，之前百度搜索的時候老是推薦一堆廣告，本人也比較手賤，每次都會點，有了這個工具，廣告再也沒有了...

4. vConsole

vConsole是騰訊開發的js插件, 重寫了console方法，實現了相似於微信小程序的移動端調試效果。若是你開發過微信小程序，能夠看到小程序調試模式下右下角會有個vconsole的綠色字樣，點擊以後會展現出相似瀏覽器控制檯同樣的效果。

在手機上，若是是要看控制檯信息，都須要alert彈窗，這樣很不友好.還會阻攔進程。經過vConsole.js 就能夠實現移動端調試效果。 具體使用方法也很簡單，引入js，實例化就能夠了。

<script src="path/to/vconsole.min.js"></script>
<script> // init vConsole var vConsole = new VConsole(); console.log('Hello world'); </script>
複製代碼

5. Postman

Postman是一種網頁調試與發送網頁http請求的chrome插件。咱們能夠用來很方便的模擬get或者post或者其餘方式的請求來調試接口。

對於這個工具來講前端使用的通常很少，多數狀況服務會使用他進行接口自測。我的只有在寫node服務的時候纔會用到。上手比較簡單。，輸入要請求的地址，填寫響應的參數，請求頭，點擊發送按鈕便可。

6. Charles

charles是一款抓包工具，能夠抓取咱們頁面整個加載過程當中的全部資源和請求訪問。若是你是web開發者，那麼這款工具對你來講用途或許不大，若是你是H5開發者，那麼你必定須要他。

由於咱們知道現代的瀏覽器是內置了network調試工具的，多數狀況下咱們會經過他來做爲先後端交互的中轉，從而定位開發中的問題發生在前端仍是後端。可是對於移動端來講，手機更像是一個黑盒子，開發者很難看到先後端交互的過程。charles就幫咱們解決了這個問題。

他能夠清晰完整的記錄到咱們請求的整個過程。

7. Iloveimg

iLoveIMG是一款在線處理圖片文件的網站。咱們的服務徹底免費,並且使用簡便。網站的功能有: 壓縮圖像文件、調整文件尺寸、裁剪文件,以及轉換文件格式等!

頁面可能醜了點，可是功能仍是不錯的。

https://www.iloveimg.com/zh-cn
複製代碼

8. Getwaves

是一個免費的波浪生成器，這個網站能夠按照形狀、顏色、方向、抖動、隨機等條件生成你想要等各類波浪png圖片，不少人都以爲他這是設計師使用的，我並不這麼認爲！

https://getwaves.io/
複製代碼