整合優(yōu)秀的前端實(shí)用工具。免費(fèi)，可配置的強(qiáng)大工具集

示例

安裝

• github倉(cāng)庫(kù)： https://github.com/zxlie/FeHelper
• 官網(wǎng)地址：https://www.baidufe.com/fehelper
• Chrome商店：https://chrome.google.com/webstore/detail/pkgccpejnmalmdinmhkkfafefagiiiad
• 安裝教程：https://www.baidufe.com/item/d1b710c290b38bda6b44.html

右鍵菜單

插件入口，點(diǎn)擊ICON，插件相關(guān)的所有功能都會(huì)在這里列出來(lái)，在popup中選擇所需使用的功能即可使用

簡(jiǎn)易的請(qǐng)求客戶端

網(wǎng)頁(yè)截長(zhǎng)圖

針對(duì)整個(gè)網(wǎng)頁(yè)進(jìn)行滾動(dòng)截屏，在新窗口可預(yù)覽后再手動(dòng)保存

采色器

頁(yè)面性能檢測(cè)

對(duì)當(dāng)前頁(yè)面的性能進(jìn)行檢測(cè)，如HTTP響應(yīng)時(shí)間、頁(yè)面渲染時(shí)間、是否啟用gzip壓縮等等

快捷鍵喚起

喚起后頁(yè)面焦點(diǎn)集中到彈出層，可以通過(guò) ↑↓ 方向鍵進(jìn)行選擇功能選項(xiàng)了

珍愛(ài)手腕，少摸鼠標(biāo)

其他

• 代碼美化

  包括Javascript代碼美化、CSS代碼美化、HTML代碼美化；其實(shí)所有C系的代碼，都可以通過(guò)Javascript代碼美化工具進(jìn)行格式化查看

• 代碼壓縮

  包括Web前端Javascript代碼壓縮、CSS代碼壓縮、HTML代碼壓縮

• 字符串編解碼

  包括Unicode編碼和解碼、UTF-8字符串編碼和解碼、Base64字符串編解碼、字符串MD5編碼，前端非常實(shí)用的工具

• 圖片Base64編碼

  對(duì)圖片文件進(jìn)行base64編碼，直接拷貝datauri格式的數(shù)據(jù)

• 二維碼生成器

  能對(duì)網(wǎng)址、普通文本內(nèi)容、電話號(hào)碼、通訊錄、短信等編碼并生成二維碼，很實(shí)用的二維碼生成工具

• 二維碼解碼

  針對(duì)網(wǎng)頁(yè)上的二維碼，點(diǎn)擊右鍵，選擇【二維碼解碼】，可在當(dāng)前頁(yè)面直接看到解碼結(jié)果！

• 時(shí)間（戳）轉(zhuǎn)換工具

  支持任意時(shí)間到對(duì)應(yīng)時(shí)間戳的轉(zhuǎn)換；支持任意時(shí)間戳到對(duì)應(yīng)日期的轉(zhuǎn)換

• 正則表達(dá)式工具

  提供一個(gè)正則表達(dá)式的及時(shí)測(cè)試工具，并能將匹配結(jié)果進(jìn)行高亮顯示、高亮定位等；同時(shí)還羅列了一些常用的正則表達(dá)式供開(kāi)發(fā)者使用

更多

更多優(yōu)秀工具，請(qǐng)關(guān)注微信公眾號(hào)獲取

總結(jié)

以上是生活随笔為你收集整理的Web前端助手-功能丰富的Chrome插件的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

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