导言： 开发环境 debug 是每个程序员上岗的必备技能。生产环境呢？虽然生产环境 debug 是一件非常不优雅的行为，但是由于种种原因，我们又不得不这么干。 那我们今天讲一讲如何使用 chrome

前两天微信出了付费文章的模式，但这种文章的阅读量不会公开显示出来。但对于这些被藏住的东西，人越发想知道。 先说下不用抓包获取相关信息的思路。但凡是BS架构的模式，消息的传递无非是通过响应头和请求头来实现，当然还有消息体本身。那微信文章其实也就是一个网页，复制文章链接后是可以到非…

前端本地开发的场景中，我们需要频繁的改动代码，并需要实时看到效果，并且在一些开发场景中，我们需要将特定的请求代理到特定的IP、本地文件等，所以使用fiddler或whistle等本地、真机抓包调试工具是非常必要的。 在历史的长河中，我们是使用fiddler+willow再搭配小…

之所以写这个总结，还要从上周的一次移动端项目的 debug 说起。那天，测试小姐姐拿着自己的 iphone6s 过来找我，说页面打不开。我想：这怎么可能，我手机里挺好的呀，Chrome调试工具也没报错呀！就把她手机拿过来看了看，发现一进去还真就是一片空白。WTF（手动黑人问号）…

在家屁颠屁颠的拿起了《在你身边 为你设计》这本书看了一下午，看到移动端调试这里，略有感受，于是提取了下内容。 在这个5g到来的时代，移动互联网继续横行，前端的开发工作和移动端更加紧密了，但是移动端调试着实让人尴尬。化解尴尬的方法介绍下下面这几种，有补充的欢迎留言👏 作为一个前…

我打算将移动端网页调试作为一个专题介绍几个常用的调试工具，主要是样式调试和接口数据调试，目的是在提测和修bugs的阶段能快速定位问题，提高工作效率，这篇文章介绍的是Eruda。 相信大家都能熟练使用DevTools调试网页，它可以帮助我们查看网页结构、样式、网络请求、资源加载情…

移动端页面调试一直是好多朋友头疼的问题，iOS 由于其封闭的特性和整体较高的性能，整体适配相对好做，调试也由于 safari 的打通变得很方便。而 Android 系统，尤其是国内环境下的 Android 系统，由于版本跨度大，且各家厂商采用自研内核，使得其成为移动端页面问题出…

你可以完全使用console.warn来代替console.log方法，但前提是该条打印信息是属于警告级别而不是普通信息级别，因此浏览器遇到一条警告级别的信息会区别对待，最明显的是它的左侧会有一个警告图标，并且背景色和文字颜色也会不一样。 相比于普通信息，警告信息会出现在上图左…