1.草料二維碼
輸入網(wǎng)址鏈接,點(diǎn)擊該插件,自動生成二維碼。方便在手機(jī)瀏覽器上直接輸入網(wǎng)址,掃描二維碼自動跳轉(zhuǎn)到對應(yīng)的頁面,方便、快捷
2.右鍵搜
主要是擴(kuò)展右鍵菜單,方便查找內(nèi)容、圖片菜單、生成二維碼、解析二維碼、短網(wǎng)址等功
當(dāng)鼠標(biāo)選中文字時,點(diǎn)擊右鍵:

3.Resolution Test?分辨率
在Chrome瀏覽器上模擬不同分辨率的使用場景

? ? ?4.FeHelper ?WEB前端助手
? ? ?點(diǎn)擊插件圖片,該插件相關(guān)的功能都會羅列出來,直接選擇所需要的功能即可使用

? ? ? ? 1.字符串編碼
包括Unicode編碼和解碼、UTF—8字符串編碼和解碼、字符串MD5編碼、base64字符串編解碼,是前端非常使用的工具
? ? ? ? 2.Json串格式化
當(dāng)訪問的接口返回的是一個json格式的數(shù)據(jù),F(xiàn)eHelper會自動將內(nèi)容進(jìn)行格式化出來,便于查看
? ? ? ? 3.代碼美化工具
將一些HTML、CSS 、JavaScript等都可以通過JavaScript代碼美化工具進(jìn)行格式化查看
? ? ? ? 4.代碼壓縮工具
包括WEB前端的HTML、CSS、JavaScript代碼壓縮
? ? ? ? 5.二維碼生成器
可以將鏈接、文本、電話號碼、短信等轉(zhuǎn)化成二維碼,是一個很實(shí)用的二維碼生成工具
? ? ? ? 6.頁面取色器
提供一個網(wǎng)頁取色的工具,任意頁面均可使用,方便大家在測試及開發(fā)過程中能精準(zhǔn)獲取某元素的顏色值,再也不用截圖后通過Photoshop、F12去看顏色值了。
? ? ? ? 7.JS正則表達(dá)式
提供一個正則表達(dá)式的及時測試工具,并能將匹配結(jié)果進(jìn)行高亮顯示,高亮定位等;同時還羅列了一些常用的正則表達(dá)式供開發(fā)者使用
? ? ? ? 8.時間戳轉(zhuǎn)換
支持任意時間到對應(yīng)時間戳的轉(zhuǎn)換;支持時間戳轉(zhuǎn)換到任意時間
? ? ? ? 9.圖片base64
對圖片進(jìn)行base64轉(zhuǎn)換
? ? ? ? 10.編碼規(guī)范檢查
對當(dāng)前網(wǎng)頁進(jìn)行JavaScript、CSS、HTML編碼規(guī)范進(jìn)行檢查,包括文件是否壓縮、標(biāo)簽是否正確、cookie管理等
? ? ? ? 11.頁面性能檢測
對當(dāng)前網(wǎng)頁的性能進(jìn)行檢測,如HTML響應(yīng)時間、頁面渲染時間、是否啟用gzip壓縮等
? ?5.performance-analyser插件—性能分析
主要用來分析網(wǎng)頁加載性能,包括http請求、執(zhí)行期的時間,以及每種http請求文件的大小,占比。

? ? ?6.Full Page Screen Capture,截圖
瀏覽器的全截屏
? ? ?7. PageSpeed
Google提供的一個查看網(wǎng)頁請求速度,及建議優(yōu)化點(diǎn)
https://developers.google.com/speed/pagespeed/insights/?hl=zh-CN