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

基本簡介

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

主要功能

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

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

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

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

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

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

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

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

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

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

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

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

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

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

安裝方法

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

點(diǎn)擊添加擴(kuò)展程序，安裝完成。

使用方法

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

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

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

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

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

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