WEB前端助手FeHelper|前端人員的神器

• • • 插件功能
    • 使用方法

這款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)行排查。如果有特殊的情況，FeHelper插件甚至還可以幫助用戶把普通的字符直接編碼成時下最流行的二維碼圖片與移動設(shè)備交互。

插件功能

JSON自動美化（頁面自動檢測并格式化）

– JSON手動美化（粘貼文本、手動格式化）

– JSON比對工具（支持左右兩個JSON片段進(jìn)行鍵值對比較）

– 字符串編解碼（Unicode/UTF8/Base64/MD5/HEX）

– 代碼美化工具（HTML/CSS/JS/XML/SQL）

– 代碼壓縮工具（HTML/CSS/JS）

– 二維碼生成器（支持當(dāng)前頁面、圖片、鏈接、選中的文字生成QrCode）

– 二維碼解碼器（支持網(wǎng)頁二維碼右鍵解碼）

– 網(wǎng)頁轉(zhuǎn)為圖片（將當(dāng)前整個網(wǎng)頁轉(zhuǎn)為圖片并保存）

– Markdown轉(zhuǎn)換（支持Html到Markdown的互轉(zhuǎn)）

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

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

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

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

– 隨機(jī)密碼生成（任意長度、任意字符、隨機(jī)）

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

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

– 頁面柵格標(biāo)尺（頁面柵格化、屏幕標(biāo)尺）

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

– 網(wǎng)頁再造精靈（網(wǎng)頁特效、網(wǎng)頁定制、腳本注入、自動刷新等）

– 網(wǎng)頁編碼設(shè)置（UTF-8、GBK、日文、韓文等）

– 我的便簽筆記（便簽筆記，支持導(dǎo)出）

– 下載/分享插件（在商店下載任意擴(kuò)展文件）

– 人像背景移除（將人物照片中的背景移除：摳圖工具）

– 多維小工具集（進(jìn)制轉(zhuǎn)換、顏色轉(zhuǎn)換、還款計算器、Crontab等）

使用方法

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

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

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

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

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

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

趕緊來下載吧！

插件下載地址：

請關(guān)注本站公眾號回復(fù)“FeHelper”，獲取下載地址。
【注】在微信里搜索“滿目山河m”或者微信掃描二維碼都可以關(guān)注微信公眾號。

總結(jié)

以上是生活随笔為你收集整理的WEB前端助手FeHelper|前端人员的神器的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。