第一部分:chrome插件
chrome中輸入 chrome://chrome-urls/ 可以得到包括緩存在內的很多相關信息。
1.掘金chrome插件
掘金是一個高質量的互聯網技術社區,而其提供的一個chrome插件個人覺得非常不錯。最終效果如下所示:
每天都會有優秀的內容更新。
2.adblock
adblock插件可以屏蔽絕大多數的廣告,非常推薦。
3.vimium
這個插件可以大大地是我們脫離對鼠標的依賴。? 即可查看具體功能。https://sspai.com/post/27723 這篇文章講述了我們應該如何更好的使用之。
常用快捷鍵匯總:
j和k:向下和向上滑動。
d和u:向下和向上翻頁。
gg:到頁面最頂部
G: 到頁面最底部
T: 可以選擇tab選項卡
o: 可以在歷史記錄和收藏夾里檢索查找
p或P: 先復制一段鏈接,然后按下p或P,可以在當前頁或者是新的tab頁打開這個剪切板中的url
l 向右滑動、
h 向左滑動
r 刷新當前頁
H 返回上一次瀏覽的頁面(退回)
L 進入下一次瀏覽的頁面(前進)
x 關閉當前頁面
X 打開剛剛關閉的頁面
注意: 在百度的頁面中vimium會出現很大的問題。
4.Auto Refresh
當我們調試代碼時,總是要不斷的刷新頁面,按F5或者使用鼠標,而這個插件可以幫助我們自動刷新,如果再配合win10系統的ctrl+windows+D創建新桌面就更好了。
5.Infinity
界面干凈整潔,用了都說好。
6. HTML5本地存儲
可以通過它來查看到 localStorage、sessionStorage、indexDB、cookie的情況,非常方便,前端開發必備。
第二部分:FireFox插件
1.Temper Data
在FireFox中的插件中搜索Temper Data ,然后直接點擊安裝, 安裝后重啟。
在工具欄中我們可以看到Temper Data 選項,然后點擊進入,可以看到下面的圖形界面:
其中 整體上可以分為三個部分---第一部分(上方)---主體內容:這里列舉了所有的http請求信息。 第二部分(左下方)---http請求部分:點擊上面的每一條部分,我們可以在這里看到每條http請求的請求頭。
第二部分(右下方) --- http響應部分: 點擊上面的每一條部分,我們可以在這里看到每條http請求的相應頭。
這里我們可以看到三個按鍵:start Tamper --- tamper有截取的意思,我們選擇它可以選擇截取各個http請求。
stop Tamper --- 點擊這個,我們就不用每次都截取,而是在上面部分顯示全部的http請求。
clear --- 點擊這個,我們就可以清除所有的http請求。
在這里,我們可以輸入url中的響應內容就可以篩選響應的http請求。 而Show All可以顯示所有的http請求。
我們可以看到在右上角有一個option選項,點擊進去,我們可以進行相應的配置:
option中可以看到如果勾選Tamper with Images etc.這樣我們就可以截取http請求了。