Fehelper插件 使用方法
1、小編這里使用的是chrome瀏覽器,首先在標(biāo)簽頁輸入【chrome://extensions/】進(jìn)入chrome擴展程序,解壓你在本頁下載的web前端助手 fehelper插件,并拖入擴展程序頁即可。2、安裝完成,打開一個網(wǎng)站試試。
3、打開網(wǎng)站后,只需點擊FeHelper插件圖標(biāo)即會出現(xiàn)下拉框,里面有包括字符串編解碼、JSON格式化查看、代碼美化工具等實用功能,點擊即可使用。
4、嘗試字符串編解碼功能,點擊下拉框里的同名功能欄就會彈出一個頁面,只需將字符串輸入或粘貼進(jìn)空白窗口中即可解碼成其他格式的編碼。
5、接著再嘗試代碼美化工具,使用方法跟上面一樣,在彈出頁面后,將需要美化的代碼復(fù)制粘貼進(jìn)空白窗口,選擇相應(yīng)的代碼美化,再點格式化即可成功。
6、最后就是二維碼生成工具,使用步驟同上,彈出頁面后,將需要生成二維碼的網(wǎng)頁鏈接復(fù)制粘貼在窗口后,編輯尺寸大小和顏色并選擇是否需要圖標(biāo)來確定二維碼格式,之后再點生成QR圖!
Fehelper 特點
1、網(wǎng)頁頁面取色工具出示一個網(wǎng)頁頁面取色的專用工具,隨意網(wǎng)頁頁面均可應(yīng)用,便捷大伙兒在開發(fā)設(shè)計全過程里能精確獲得某原素的顏色值,從此無需截屏后再根據(jù)Photoshop取色了。
2、代碼壓縮
包含Web前端開發(fā)Javascript代碼壓縮、CSS代碼壓縮、HTML代碼壓縮。
3、JSON插口全自動格式化查詢
如果你瀏覽的插口(開啟的網(wǎng)頁頁面)回到的是一個JSON格式的數(shù)據(jù)信息,F(xiàn)eHelper會全自動將內(nèi)容開展格式化解決,有助于您的查詢。
4、JSON查看器
將你的JSON代碼黏貼到JSON查看器的文本框中,點一下“格式化”,在下便捷會以十分友善的方法列舉JSON數(shù)據(jù)信息,有助于查詢。
5、代碼美化
包含Javascript代碼美化、CSS代碼美化、HTML代碼美化;實際上全部C系的代碼,都能夠根據(jù)Javascript代碼美化專用工具開展格式化查詢。
6、照片Base64編碼
對圖片文件開展base64編碼,立即復(fù)制datauri格式的數(shù)據(jù)信息。
7、字符串?dāng)?shù)組編碼解碼
包含Unicode編碼和編解碼、UTF-8字符串編碼和編解碼、Base64字符串?dāng)?shù)組編碼解碼、字符串?dāng)?shù)組MD5編碼,前端開發(fā)十分好用的專用工具。