第一部分：chrome插件

　　chrome中输入  chrome://chrome-urls/   可以得到包括缓存在内的很多相关信息。

　1.掘金chrome插件

　　　　

　　掘金是一个高质量的互联网技术社区，而其提供的一个chrome插件个人觉得非常不错。最终效果如下所示：

　　每天都会有优秀的内容更新。

 

　　2.adblock

　　adblock插件可以屏蔽绝大多数的广告，非常推荐。

 

　  3.vimium

　　这个插件可以大大地是我们脱离对鼠标的依赖。？ 即可查看具体功能。 这篇文章讲述了我们应该如何更好的使用之。

　　常用快捷键汇总：

　　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

　　 可以通过它来查看到 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请求了。