Love Life Love Tech

Chrome的开发者工具已经强大到没朋友的地步了，特别是其功能丰富界面友好的console，使用得当可以有如下功效：更高「逼格」更快「开发调试」更强「进阶级的Frontender」Bug无处遁形「Console大法好」console.log大家都会用log，但鲜有人很好地利用console.error , console.warn 等将输出到控制台的信息进行分类整理。

我当然知道未经作者允许修改别人程序是不道德的了，但作为学习研究之用还是无可厚非，这里仅供交流。一切都是需求驱动的话说某天我在网上猎奇的时候无意间发现这么一款神奇的谷歌浏览器插件：Extension Source Locator。翻译成大中华语意思大概是扩展程序源码定位器！它是干什么的呢，根据被翻译过来的不太准确的大中华语可以大概知道这玩意儿可以定位到一个你已经在

本文选自《开发者头条》1 月 18 日最受欢迎文章 Top 3，作者 韩国恺 ，感谢 Yourtion 分享。欢迎分享：http://toutiao.io/contribute英文原文：DevTools Tips For Sublime Text Users作者：Addy Osmani 和 Wes Bos，翻译：韩国恺介绍本文将告

1、Momentum装逼利器，教你如何优雅的使用Chrome，新打开一个Tab的时候再也不是一片空白，每天一副精美图片，给你们看下我今天的桌面感受下。2、OneTab强烈推荐，使用场景是这样的，我们使用Chrome经常会一次打开好多tab，很多是会用到的，又不舍得关，内存又耗着，这个时候点击下OneTab，直接把所有tab回收，然后每天的历史都给你记

今天要简单讲一下Modify Headers这个插件，记录一下我是怎么使用它的。Firefox: https://addons.mozilla.org/zh-CN/firefox/addon/modify-headers/Chrome:  https://chrome.google.com/webstore/detail/modify-headers-for-google/innp

经常会听到比如"为什么我的js代码没执行啊？","我明明发送了请求，为什么反应？","我这个网站怎么加载的这么慢？"这类的问题，那么问题既然存在，就需要去解决它，需要解决它，首先我们得找对导致问题的原因，才能"对症下药"。每个文件的载入、每次发送的请求也都是一次网络交互，所以在这个面板中，我们能够看到我们所需要的js文件是否被加载？我们所请求的接口到底返回了没有？我们能够知道哪个文件拖慢了