WEB前端助手(FeHelper)

曾被掘金推薦過的前端實用工具集，誰用誰知道！

FeHelper由國人開發，基本涵蓋了前端經常會使用到的所有基礎功能：包括字元串編解碼、代碼壓縮、美化、JSON格式化、正則表達式、時間轉換工具、二維碼生成與解碼、編碼規範檢測、頁面性能檢測、頁面取色、Ajax介面調試。

由於是國產插件，因此使用起來也很順手，非常方便，並不是那種中看不中用的花架子。

FeHelper安裝成功後，點擊擴展圖標即可喚出功能菜單，在彈出菜單中選擇所需使用的功能即可使用。

• 功能介紹

一、代碼美化

包括Javascript代碼美化、CSS代碼美化、HTML代碼美化；其實所有C系的代碼，都可以通過Javascript代碼美化工具進行格式化查看

二、代碼壓縮

包括Web前端Javascript代碼壓縮、CSS代碼壓縮、HTML代碼壓縮

三、JSON介面自動格式化查看

當你訪問的介面（打開的頁面）返回的是一個JSON格式的數據，FeHelper會自動將內容進行格式化處理，便於您的查看

四、JSON查看器

把你的JSON代碼粘貼到JSON查看器的輸入框中，點擊「格式化」，在下方便會以非常友好的方式列出JSON數據，便於查看

五、字元串編解碼

包括Unicode編碼和解碼、UTF-8字元串編碼和解碼、Base64字元串編解碼、字元串MD5編碼，前端非常實用的工具

六、圖片Base64編碼

對圖片文件進行base64編碼，直接拷貝datauri格式的數據

七、二維碼生成器

能對網址、普通文本內容、電話號碼、通訊錄、簡訊等編碼並生成二維碼，很實用的二維碼生成工具

八、Tracker（Javascript嗅探器）

協助了解目標網頁中 JavaScript 的運行情況，包括：執行覆蓋率、執行行數、是否存在執行或語法錯誤等信息Tracker官網

九、時間（戳）轉換工具

支持任意時間到對應時間戳的轉換；支持任意時間戳到對應日期的轉換

十、正則表達式工具

提供一個正則表達式的及時測試工具，並能將匹配結果進行高亮顯示、高亮定位等；同時還羅列了一些常用的正則表達式供開發者使用

十一、頁面取色工具

提供一個網頁取色的工具，任意頁面均可使用，方便大家在開發過程中能精準獲取某元素的顏色值，再也不用截圖後再通過Photoshop取色了

十二、編碼規範檢測

對當前網頁進行Javascript、CSS、HTML編碼規範的檢測，包括文件是否壓縮、標籤是否正確閉合、cookie管理等等

十三、頁面性能檢測

對當前頁面的性能進行檢測，如HTTP響應時間、頁面渲染時間、是否啟用gzip壓縮等等

FeHelper目前在chrome商店裡擁有接近20萬用戶，依然保持全五星的好評，評價相當不錯，開發者的更新速度也比較快，上次更新就在兩天前，可見還是一款比較用心的插件了。

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！