超級好用的前端開發測試Chrome插件-WEB前端助手(FeHelper)

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.在菜單列表中選擇字符串編解碼選項，打開網頁字符串編碼與解碼的工具頁面，並把須要編碼或者解碼的字符串輸入到對應的文本框中並選擇一種編解碼，而後點擊轉換按鈕就能夠在下方看到轉換後的字符，以下圖所示：