'30w國內開發者使用google瀏覽器插件FeHelper，你用過嗎？'
下載
chrome應用商店，安裝即可，
下載
chrome應用商店，安裝即可，
下載
chrome應用商店，安裝即可，
或者從github下載crx文件，安裝即可,github地址為：
https://github.com/zxlie/FeHelper/tree/master/apps/static/screenshot/crx
- 下載當前最新版*.crx
- chrome瀏覽器地址欄輸入：chrome://extensions/ 並打開
- 右上角開啟開發者模式
- 拖拽crx到當前頁面，完成安裝
基本涵蓋了前端開發中需要的所有功能，主要功能如下
FeHelper--彈出菜單
插件入口，點擊ICON，插件相關的所有功能都會在這裡列出來，在popup中選擇所需使用的功能即可使用
JSON接口自動格式化查看
當你訪問的接口（打開的頁面）返回的是一個JSON格式的數據，FeHelper會自動將內容進行格式化處理，便於您的查看
下載
chrome應用商店，安裝即可，
或者從github下載crx文件，安裝即可,github地址為：
https://github.com/zxlie/FeHelper/tree/master/apps/static/screenshot/crx
- 下載當前最新版*.crx
- chrome瀏覽器地址欄輸入：chrome://extensions/ 並打開
- 右上角開啟開發者模式
- 拖拽crx到當前頁面，完成安裝
基本涵蓋了前端開發中需要的所有功能，主要功能如下
FeHelper--彈出菜單
插件入口，點擊ICON，插件相關的所有功能都會在這裡列出來，在popup中選擇所需使用的功能即可使用
JSON接口自動格式化查看
當你訪問的接口（打開的頁面）返回的是一個JSON格式的數據，FeHelper會自動將內容進行格式化處理，便於您的查看
JSON查看器
把你的JSON代碼粘貼到JSON查看器的輸入框中，點擊“格式化”，在下方便會以非常友好的方式列出JSON數據，便於查看
下載
chrome應用商店，安裝即可，
或者從github下載crx文件，安裝即可,github地址為：
https://github.com/zxlie/FeHelper/tree/master/apps/static/screenshot/crx
- 下載當前最新版*.crx
- chrome瀏覽器地址欄輸入：chrome://extensions/ 並打開
- 右上角開啟開發者模式
- 拖拽crx到當前頁面，完成安裝
基本涵蓋了前端開發中需要的所有功能，主要功能如下
FeHelper--彈出菜單
插件入口，點擊ICON，插件相關的所有功能都會在這裡列出來，在popup中選擇所需使用的功能即可使用
JSON接口自動格式化查看
當你訪問的接口（打開的頁面）返回的是一個JSON格式的數據，FeHelper會自動將內容進行格式化處理，便於您的查看
JSON查看器
把你的JSON代碼粘貼到JSON查看器的輸入框中，點擊“格式化”，在下方便會以非常友好的方式列出JSON數據，便於查看
代碼美化
包括Javascript代碼美化、CSS代碼美化、HTML代碼美化；其實所有C系的代碼，都可以通過Javascript代碼美化工具進行格式化查看
下載
chrome應用商店，安裝即可，
或者從github下載crx文件，安裝即可,github地址為：
https://github.com/zxlie/FeHelper/tree/master/apps/static/screenshot/crx
- 下載當前最新版*.crx
- chrome瀏覽器地址欄輸入：chrome://extensions/ 並打開
- 右上角開啟開發者模式
- 拖拽crx到當前頁面，完成安裝
基本涵蓋了前端開發中需要的所有功能，主要功能如下
FeHelper--彈出菜單
插件入口，點擊ICON，插件相關的所有功能都會在這裡列出來，在popup中選擇所需使用的功能即可使用
JSON接口自動格式化查看
當你訪問的接口（打開的頁面）返回的是一個JSON格式的數據，FeHelper會自動將內容進行格式化處理，便於您的查看
JSON查看器
把你的JSON代碼粘貼到JSON查看器的輸入框中，點擊“格式化”，在下方便會以非常友好的方式列出JSON數據，便於查看
代碼美化
包括Javascript代碼美化、CSS代碼美化、HTML代碼美化；其實所有C系的代碼，都可以通過Javascript代碼美化工具進行格式化查看
代碼壓縮
包括Web前端Javascript代碼壓縮、CSS代碼壓縮、HTML代碼壓縮
字符串編解碼
包括Unicode編碼和解碼、UTF-8字符串編碼和解碼、Base64字符串編解碼、字符串MD5編碼，前端非常實用的工具
下載
chrome應用商店，安裝即可，
或者從github下載crx文件，安裝即可,github地址為：
https://github.com/zxlie/FeHelper/tree/master/apps/static/screenshot/crx
- 下載當前最新版*.crx
- chrome瀏覽器地址欄輸入：chrome://extensions/ 並打開
- 右上角開啟開發者模式
- 拖拽crx到當前頁面，完成安裝
基本涵蓋了前端開發中需要的所有功能，主要功能如下
FeHelper--彈出菜單
插件入口，點擊ICON，插件相關的所有功能都會在這裡列出來，在popup中選擇所需使用的功能即可使用
JSON接口自動格式化查看
當你訪問的接口（打開的頁面）返回的是一個JSON格式的數據，FeHelper會自動將內容進行格式化處理，便於您的查看
JSON查看器
把你的JSON代碼粘貼到JSON查看器的輸入框中，點擊“格式化”，在下方便會以非常友好的方式列出JSON數據，便於查看
代碼美化
包括Javascript代碼美化、CSS代碼美化、HTML代碼美化；其實所有C系的代碼，都可以通過Javascript代碼美化工具進行格式化查看
代碼壓縮
包括Web前端Javascript代碼壓縮、CSS代碼壓縮、HTML代碼壓縮
字符串編解碼
包括Unicode編碼和解碼、UTF-8字符串編碼和解碼、Base64字符串編解碼、字符串MD5編碼，前端非常實用的工具
圖片Base64編碼
對圖片文件進行base64編碼，直接拷貝datauri格式的數據
下載
chrome應用商店，安裝即可，
或者從github下載crx文件，安裝即可,github地址為：
https://github.com/zxlie/FeHelper/tree/master/apps/static/screenshot/crx
- 下載當前最新版*.crx
- chrome瀏覽器地址欄輸入：chrome://extensions/ 並打開
- 右上角開啟開發者模式
- 拖拽crx到當前頁面，完成安裝
基本涵蓋了前端開發中需要的所有功能，主要功能如下
FeHelper--彈出菜單
插件入口，點擊ICON，插件相關的所有功能都會在這裡列出來，在popup中選擇所需使用的功能即可使用
JSON接口自動格式化查看
當你訪問的接口（打開的頁面）返回的是一個JSON格式的數據，FeHelper會自動將內容進行格式化處理，便於您的查看
JSON查看器
把你的JSON代碼粘貼到JSON查看器的輸入框中，點擊“格式化”，在下方便會以非常友好的方式列出JSON數據，便於查看
代碼美化
包括Javascript代碼美化、CSS代碼美化、HTML代碼美化；其實所有C系的代碼，都可以通過Javascript代碼美化工具進行格式化查看
代碼壓縮
包括Web前端Javascript代碼壓縮、CSS代碼壓縮、HTML代碼壓縮
字符串編解碼
包括Unicode編碼和解碼、UTF-8字符串編碼和解碼、Base64字符串編解碼、字符串MD5編碼，前端非常實用的工具
圖片Base64編碼
對圖片文件進行base64編碼，直接拷貝datauri格式的數據
二維碼生成器
能對網址、普通文本內容、電話號碼、通訊錄、短信等編碼並生成二維碼，很實用的二維碼生成工具
下載
chrome應用商店，安裝即可，
或者從github下載crx文件，安裝即可,github地址為：
https://github.com/zxlie/FeHelper/tree/master/apps/static/screenshot/crx
- 下載當前最新版*.crx
- chrome瀏覽器地址欄輸入：chrome://extensions/ 並打開
- 右上角開啟開發者模式
- 拖拽crx到當前頁面，完成安裝
基本涵蓋了前端開發中需要的所有功能，主要功能如下
FeHelper--彈出菜單
插件入口，點擊ICON，插件相關的所有功能都會在這裡列出來，在popup中選擇所需使用的功能即可使用
JSON接口自動格式化查看
當你訪問的接口（打開的頁面）返回的是一個JSON格式的數據，FeHelper會自動將內容進行格式化處理，便於您的查看
JSON查看器
把你的JSON代碼粘貼到JSON查看器的輸入框中，點擊“格式化”，在下方便會以非常友好的方式列出JSON數據，便於查看
代碼美化
包括Javascript代碼美化、CSS代碼美化、HTML代碼美化；其實所有C系的代碼，都可以通過Javascript代碼美化工具進行格式化查看
代碼壓縮
包括Web前端Javascript代碼壓縮、CSS代碼壓縮、HTML代碼壓縮
字符串編解碼
包括Unicode編碼和解碼、UTF-8字符串編碼和解碼、Base64字符串編解碼、字符串MD5編碼，前端非常實用的工具
圖片Base64編碼
對圖片文件進行base64編碼，直接拷貝datauri格式的數據
二維碼生成器
能對網址、普通文本內容、電話號碼、通訊錄、短信等編碼並生成二維碼，很實用的二維碼生成工具
二維碼解碼
針對網頁上的二維碼，點擊右鍵，選擇【二維碼解碼】，可在當前頁面直接看到解碼結果！
全網頁截圖
針對整個網頁進行滾動截屏，在新窗口可預覽後再手動保存
下載
chrome應用商店，安裝即可，
或者從github下載crx文件，安裝即可,github地址為：
https://github.com/zxlie/FeHelper/tree/master/apps/static/screenshot/crx
- 下載當前最新版*.crx
- chrome瀏覽器地址欄輸入：chrome://extensions/ 並打開
- 右上角開啟開發者模式
- 拖拽crx到當前頁面，完成安裝
基本涵蓋了前端開發中需要的所有功能，主要功能如下
FeHelper--彈出菜單
插件入口，點擊ICON，插件相關的所有功能都會在這裡列出來，在popup中選擇所需使用的功能即可使用
JSON接口自動格式化查看
當你訪問的接口（打開的頁面）返回的是一個JSON格式的數據，FeHelper會自動將內容進行格式化處理，便於您的查看
JSON查看器
把你的JSON代碼粘貼到JSON查看器的輸入框中，點擊“格式化”，在下方便會以非常友好的方式列出JSON數據，便於查看
代碼美化
包括Javascript代碼美化、CSS代碼美化、HTML代碼美化；其實所有C系的代碼，都可以通過Javascript代碼美化工具進行格式化查看
代碼壓縮
包括Web前端Javascript代碼壓縮、CSS代碼壓縮、HTML代碼壓縮
字符串編解碼
包括Unicode編碼和解碼、UTF-8字符串編碼和解碼、Base64字符串編解碼、字符串MD5編碼，前端非常實用的工具
圖片Base64編碼
對圖片文件進行base64編碼，直接拷貝datauri格式的數據
二維碼生成器
能對網址、普通文本內容、電話號碼、通訊錄、短信等編碼並生成二維碼，很實用的二維碼生成工具
二維碼解碼
針對網頁上的二維碼，點擊右鍵，選擇【二維碼解碼】，可在當前頁面直接看到解碼結果！
全網頁截圖
針對整個網頁進行滾動截屏，在新窗口可預覽後再手動保存
時間（戳）轉換工具
支持任意時間到對應時間戳的轉換；支持任意時間戳到對應日期的轉換
下載
chrome應用商店，安裝即可，
或者從github下載crx文件，安裝即可,github地址為：
https://github.com/zxlie/FeHelper/tree/master/apps/static/screenshot/crx
- 下載當前最新版*.crx
- chrome瀏覽器地址欄輸入：chrome://extensions/ 並打開
- 右上角開啟開發者模式
- 拖拽crx到當前頁面，完成安裝
基本涵蓋了前端開發中需要的所有功能，主要功能如下
FeHelper--彈出菜單
插件入口，點擊ICON，插件相關的所有功能都會在這裡列出來，在popup中選擇所需使用的功能即可使用
JSON接口自動格式化查看
當你訪問的接口（打開的頁面）返回的是一個JSON格式的數據，FeHelper會自動將內容進行格式化處理，便於您的查看
JSON查看器
把你的JSON代碼粘貼到JSON查看器的輸入框中，點擊“格式化”，在下方便會以非常友好的方式列出JSON數據，便於查看
代碼美化
包括Javascript代碼美化、CSS代碼美化、HTML代碼美化；其實所有C系的代碼，都可以通過Javascript代碼美化工具進行格式化查看
代碼壓縮
包括Web前端Javascript代碼壓縮、CSS代碼壓縮、HTML代碼壓縮
字符串編解碼
包括Unicode編碼和解碼、UTF-8字符串編碼和解碼、Base64字符串編解碼、字符串MD5編碼，前端非常實用的工具
圖片Base64編碼
對圖片文件進行base64編碼，直接拷貝datauri格式的數據
二維碼生成器
能對網址、普通文本內容、電話號碼、通訊錄、短信等編碼並生成二維碼，很實用的二維碼生成工具
二維碼解碼
針對網頁上的二維碼，點擊右鍵，選擇【二維碼解碼】，可在當前頁面直接看到解碼結果！
全網頁截圖
針對整個網頁進行滾動截屏，在新窗口可預覽後再手動保存
時間（戳）轉換工具
支持任意時間到對應時間戳的轉換；支持任意時間戳到對應日期的轉換
正則表達式工具
提供一個正則表達式的及時測試工具，並能將匹配結果進行高亮顯示、高亮定位等；同時還羅列了一些常用的正則表達式供開發者使用
下載
chrome應用商店，安裝即可，
或者從github下載crx文件，安裝即可,github地址為：
https://github.com/zxlie/FeHelper/tree/master/apps/static/screenshot/crx
- 下載當前最新版*.crx
- chrome瀏覽器地址欄輸入：chrome://extensions/ 並打開
- 右上角開啟開發者模式
- 拖拽crx到當前頁面，完成安裝
基本涵蓋了前端開發中需要的所有功能，主要功能如下
FeHelper--彈出菜單
插件入口，點擊ICON，插件相關的所有功能都會在這裡列出來，在popup中選擇所需使用的功能即可使用
JSON接口自動格式化查看
當你訪問的接口（打開的頁面）返回的是一個JSON格式的數據，FeHelper會自動將內容進行格式化處理，便於您的查看
JSON查看器
把你的JSON代碼粘貼到JSON查看器的輸入框中，點擊“格式化”，在下方便會以非常友好的方式列出JSON數據，便於查看
代碼美化
包括Javascript代碼美化、CSS代碼美化、HTML代碼美化；其實所有C系的代碼，都可以通過Javascript代碼美化工具進行格式化查看
代碼壓縮
包括Web前端Javascript代碼壓縮、CSS代碼壓縮、HTML代碼壓縮
字符串編解碼
包括Unicode編碼和解碼、UTF-8字符串編碼和解碼、Base64字符串編解碼、字符串MD5編碼，前端非常實用的工具
圖片Base64編碼
對圖片文件進行base64編碼，直接拷貝datauri格式的數據
二維碼生成器
能對網址、普通文本內容、電話號碼、通訊錄、短信等編碼並生成二維碼，很實用的二維碼生成工具
二維碼解碼
針對網頁上的二維碼，點擊右鍵，選擇【二維碼解碼】，可在當前頁面直接看到解碼結果！
全網頁截圖
針對整個網頁進行滾動截屏，在新窗口可預覽後再手動保存
時間（戳）轉換工具
支持任意時間到對應時間戳的轉換；支持任意時間戳到對應日期的轉換
正則表達式工具
提供一個正則表達式的及時測試工具，並能將匹配結果進行高亮顯示、高亮定位等；同時還羅列了一些常用的正則表達式供開發者使用
頁面取色工具
提供一個網頁取色的工具，任意頁面均可使用，方便大家在開發過程中能精準獲取某元素的顏色值，再也不用截圖後再通過Photoshop取色了
編碼規範檢測
對當前網頁進行Javascript、CSS、HTML編碼規範的檢測，包括文件是否壓縮、標籤是否正確閉合、cookie管理等等
頁面性能檢測
對當前頁面的性能進行檢測，如HTTP響應時間、頁面渲染時間、是否啟用gzip壓縮等等
下載
chrome應用商店，安裝即可，
或者從github下載crx文件，安裝即可,github地址為：
https://github.com/zxlie/FeHelper/tree/master/apps/static/screenshot/crx
- 下載當前最新版*.crx
- chrome瀏覽器地址欄輸入：chrome://extensions/ 並打開
- 右上角開啟開發者模式
- 拖拽crx到當前頁面，完成安裝
基本涵蓋了前端開發中需要的所有功能，主要功能如下
FeHelper--彈出菜單
插件入口，點擊ICON，插件相關的所有功能都會在這裡列出來，在popup中選擇所需使用的功能即可使用
JSON接口自動格式化查看
當你訪問的接口（打開的頁面）返回的是一個JSON格式的數據，FeHelper會自動將內容進行格式化處理，便於您的查看
JSON查看器
把你的JSON代碼粘貼到JSON查看器的輸入框中，點擊“格式化”，在下方便會以非常友好的方式列出JSON數據，便於查看
代碼美化
包括Javascript代碼美化、CSS代碼美化、HTML代碼美化；其實所有C系的代碼，都可以通過Javascript代碼美化工具進行格式化查看
代碼壓縮
包括Web前端Javascript代碼壓縮、CSS代碼壓縮、HTML代碼壓縮
字符串編解碼
包括Unicode編碼和解碼、UTF-8字符串編碼和解碼、Base64字符串編解碼、字符串MD5編碼，前端非常實用的工具
圖片Base64編碼
對圖片文件進行base64編碼，直接拷貝datauri格式的數據
二維碼生成器
能對網址、普通文本內容、電話號碼、通訊錄、短信等編碼並生成二維碼，很實用的二維碼生成工具
二維碼解碼
針對網頁上的二維碼，點擊右鍵，選擇【二維碼解碼】，可在當前頁面直接看到解碼結果！
全網頁截圖
針對整個網頁進行滾動截屏，在新窗口可預覽後再手動保存
時間（戳）轉換工具
支持任意時間到對應時間戳的轉換；支持任意時間戳到對應日期的轉換
正則表達式工具
提供一個正則表達式的及時測試工具，並能將匹配結果進行高亮顯示、高亮定位等；同時還羅列了一些常用的正則表達式供開發者使用
頁面取色工具
提供一個網頁取色的工具，任意頁面均可使用，方便大家在開發過程中能精準獲取某元素的顏色值，再也不用截圖後再通過Photoshop取色了
編碼規範檢測
對當前網頁進行Javascript、CSS、HTML編碼規範的檢測，包括文件是否壓縮、標籤是否正確閉合、cookie管理等等
頁面性能檢測
對當前頁面的性能進行檢測，如HTTP響應時間、頁面渲染時間、是否啟用gzip壓縮等等
FeHelper配置頁
在這裡，你可以隨意定製屬於你自己的FeHelper常用功能！
本文為小編原創文章，首發於Java識堂，一個高原創，高收藏，有乾貨的微信公眾號，一起成長，一起進步，歡迎關注