FeHelper是一款針對web前端開發(fā)者用戶打造的chrome瀏覽器開發(fā)者插件，該工具需要配合chrome瀏覽器才可以使用，支持正則表達(dá)式，并擁有代碼美化、壓縮以及json接口自動格式化查看、字符串編碼和圖片編碼等多種功能，是前端設(shè)計師進(jìn)行網(wǎng)頁設(shè)計的得力助手，有需要的朋友們就來下載使用吧。

基本簡介

這款FeHelper插件對于web前端需要處理的網(wǎng)頁html源碼壓縮，css或javascript的壓縮都能處理的很好。如果前端web開發(fā)人員需要和后臺代碼工程師配合，那么使用json數(shù)據(jù)傳輸?shù)臅r候，使用這款FeHelper插件能夠幫助web前端工程師更加快速地對json進(jìn)行解碼。當(dāng)web前端程序與后臺進(jìn)行數(shù)據(jù)交互的時候使用URL編碼肯定是必不可少的了，但是我們往往需要預(yù)先知道這款字符編碼以后的情況，以為與后臺開發(fā)人員一同提前作出相應(yīng)處理或?qū)ψ址l(fā)送期間產(chǎn)生的問題進(jìn)行排查。如果有特殊的情況，F(xiàn)eHelper插件甚至還可以幫助用戶把普通的字符直接編碼成時下最流行的二維碼圖片與移動設(shè)備交互。

主要功能

字符串編解碼(Unicode/UTF8/Base64/MD5)

代碼美化工具(HTML/CSS/JS/XML/SQL)

代碼壓縮工具(HTML/CSS/JS)

Json串格式化(粘貼文本、手動格式化)

Json頁面美化(頁面自動檢測并格式化，強制開啟)

二維碼生成器(支持當(dāng)前頁面生成QrCode)

頁面取色工具(滑動鼠標(biāo)隨意取色)

Js正則表達(dá)式(正則測試、常用正則列表)

時間(戳)轉(zhuǎn)換(Unix戳與本地時間的互轉(zhuǎn))

圖片 Base64(任意圖片轉(zhuǎn)DataURI格式)

編碼規(guī)范檢測(HTML/CSS/JS規(guī)范檢測)

頁面性能檢測(頁面響應(yīng)時間、Header監(jiān)測)

Ajax調(diào)試功能(需在控制臺中使用)

WEB前端助手(FeHelper)插件使用說明

安裝方法

下載解壓后，打開chrome瀏覽器，點擊設(shè)置——更多工具——擴展程序，拖入crx文件。

點擊添加擴展程序，安裝完成。

使用方法

1.在chrome瀏覽器安裝好FeHelper插件后，在右下角增加設(shè)置入口，點擊進(jìn)入配置界面

2.安裝成功后，需要先配置界面，如下圖所示：

默認(rèn)各功能都打開(不影響剛升級用戶的使用)，另外，所有功能都可以??勾選或者取消勾選，以實現(xiàn)功能的開啟和停用;如上，取消掉幾個功能，然后點擊改好了進(jìn)行保存!

3 配置成功后的功能，就可以開始使用FeHelper了。

4.使用web前端助手插件將字符串生成二維碼圖片，操作方法如下：

5.在菜單列表中選擇字符串編解碼選項，打開網(wǎng)頁字符串編碼與解碼的工具頁面，并把需要編碼或者解碼的字符串輸入到對應(yīng)的文本框中并選擇一種編解碼，然后點擊轉(zhuǎn)換按鈕就可以在下方看到轉(zhuǎn)換后的字符，如下圖所示：