WEB前端助手(FeHelper)插件概述
WEB前端助手:FeHelper是一款chrome瀏覽器插件。包含一些前端實用的工具,如字符串編解碼、代碼美化、JSON格式化查看、二維碼生成器、編碼規範檢測、柵格規範檢測、網頁性能檢測、頁面取色等web前端開發的常見功能。
官方網站：https://www.baidufe.com/fehelper
WEB前端助手(FeHelper)插件功能介紹
這款FeHelper插件對於web前端需要處理的網頁html源碼壓縮，css或javascript的壓縮都能處理的很好。如果前端web開發人員需要和後臺代碼工程師配合，那麼使用json數據傳輸的時候，使用這款FeHelper插件能夠幫助web前端工程師更加快速地對json進行解碼。當web前端程序與後臺進行數據交互的時候使用URL編碼肯定是必不可少的了，但是我們往往需要預先知道這款字符編碼以後的情況，以爲與後臺開發人員一同提前作出相應處理或對字符發送期間產生的問題進行排查。如果有特殊的情況，FeHelper插件甚至還可以幫助用戶把普通的字符直接編碼成時下最流行的二維碼圖片與移動設備交互。好吧，FeHelper的功能有：
- 字符串編解碼（Unicode/UTF8/Base64/MD5）
- 代碼美化工具（HTML/CSS/JS/XML/SQL）
- 代碼壓縮工具（HTML/CSS/JS）
- Json串格式化（粘貼文本、手動格式化）
- Json頁面美化（頁面自動檢測並格式化，強制開啓）
- 二維碼生成器（支持當前頁面生成QrCode）
- 頁面取色工具（滑動鼠標隨意取色）
- Js正則表達式（正則測試、常用正則列表）
- 時間(戳)轉換（Unix戳與本地時間的互轉）
- 圖片 Base64（任意圖片轉DataURI格式）
- 編碼規範檢測（HTML/CSS/JS規範檢測）
- 頁面性能檢測（頁面響應時間、Header監測）
- Ajax調試功能（需在控制檯中使用）
WEB前端助手(FeHelper)插件下載安裝
1.如果你的chrome應用商店無法打開，你從本站或者其他途徑獲得了Jsonview插件，那麼就選擇離線安裝該插件。由於Jsonview插件同其他chrome插件一樣都是CRX格式的，所以具體的安裝方法請參照：怎麼在谷歌瀏覽器中安裝.crx擴展名的離線Chrome插件？ 如果CRX格式插件不能離線安裝怎麼辦？
Jsonview插件使用方法
WEB前端助手(FeHelper)插件使用說明
1.在chrome瀏覽器安裝好FeHelper插件後，在右下角增加設置入口，點擊進入配置界面
2.安裝成功後，需要先配置界面，如下圖所示：
默認各功能都打開（不影響剛升級用戶的使用），另外，所有功能都可以☑️勾選或者取消勾選，以實現功能的開啓和停用；如上，取消掉幾個功能，然後點擊改好了進行保存！
3 配置成功後的功能，就可以開始使用FeHelper了。
4.使用web前端助手插件將字符串生成二維碼圖片，操作方法如下：以www.cnplugins.com爲例
5.在菜單列表中選擇字符串編解碼選項，打開網頁字符串編碼與解碼的工具頁面，並把需要編碼或者解碼的字符串輸入到對應的文本框中並選擇一種編解碼，然後點擊轉換按鈕就可以在下方看到轉換後的字符，如下圖所示：