Web前端助手-功能豐富的Chrome插件

• 2019 年 10 月 22 日
• 筆記

整合優秀的前端實用工具。免費，可配置的強大工具集

示例

安裝

• github倉庫： https://github.com/zxlie/FeHelper
• 官網地址：https://www.baidufe.com/fehelper
• Chrome商店：https://chrome.google.com/webstore/detail/pkgccpejnmalmdinmhkkfafefagiiiad
• 安裝教程：https://www.baidufe.com/item/d1b710c290b38bda6b44.html

右鍵菜單

插件入口，點擊ICON，插件相關的所有功能都會在這裡列出來，在popup中選擇所需使用的功能即可使用

功能菜單配置

簡易的請求客戶端

網頁截長圖

針對整個網頁進行滾動截屏，在新窗口可預覽後再手動保存

采色器

頁面性能檢測

對當前頁面的性能進行檢測，如HTTP響應時間、頁面渲染時間、是否啟用gzip壓縮等等

快捷鍵喚起

喚起後頁面焦點集中到彈出層，可以通過 ↑↓ 方向鍵進行選擇功能選項了

珍愛手腕，少摸滑鼠

其他

• 程式碼美化

  包括Javascript程式碼美化、CSS程式碼美化、HTML程式碼美化；其實所有C系的程式碼，都可以通過Javascript程式碼美化工具進行格式化查看

• 程式碼壓縮

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

• 字元串編解碼

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

• 圖片Base64編碼

  對圖片文件進行base64編碼，直接拷貝datauri格式的數據

• 二維碼生成器

  能對網址、普通文本內容、電話號碼、通訊錄、簡訊等編碼並生成二維碼，很實用的二維碼生成工具

• 二維碼解碼

  針對網頁上的二維碼，點擊右鍵，選擇【二維碼解碼】，可在當前頁面直接看到解碼結果！

• 時間（戳）轉換工具

  支援任意時間到對應時間戳的轉換；支援任意時間戳到對應日期的轉換

• 正則表達式工具

  提供一個正則表達式的及時測試工具，並能將匹配結果進行高亮顯示、高亮定位等；同時還羅列了一些常用的正則表達式供開發者使用

更多

更多優秀工具，請關注微信公眾號獲取

本文由部落格一文多發平台 OpenWrite 發布！