web开发中，写“bug”和改“bug”同样重要；记录一次web devtool 调试文档阅读摘录。

开发的过程中经常会使用到的各种辅助软件，学会并灵活的使用这些工具，可以提高开发效率，提高排查问题的速度，达到一个事半功倍的效果

部署前端之前，开发者通常会对代码进行打包压缩，这样可以减少代码大小，从而有效提高访问速度。然而，压缩代码的报错信息是很难Debug的，因为它的行号和列号已经失真。这时就需要Source Map来还原真实的出错位置了。 前端代码越来越复杂的情况下，开发者通常会使用webpack、…

腾讯云技术社区-掘金主页持续为大家呈现云计算技术文章，欢迎大家关注！ 作者：莫卓颖 背景 相信进行过前端开发的同学都知道，前端测试不仅仅涉及到功能的测试，而且也需要考虑到界面样式测试、多浏览器兼容性测试、性能测试。本文主要讨论分析目前前端测试的现状，并讨论目前流行的测试工具，下…

@蒋欢，美团点评前端工程师，2年工作经验，主要负责大众点评“点餐H5"和"美团点评智慧餐厅"小程序的开发。 Charles 是一个网络代理工具，经常用来进行 Mac 下的 Web 调试工作，功能类似于 Windows 环境下的 Fiddler 工具。因为工作中经常会用到，所以决…

JavaScript对未声明变量的处理方式：在全局对象上创建该变量的引用(即全局对象上的属性，不是变量，因为它能通过delete删除)。如果在浏览器中，全局对象就是window对象。 如果未声明的变量缓存大量的数据，会导致这些数据只有在窗口关闭或重新刷新页面时才能被释放。这样会…

Fiddler 是一款 HTTP 协议调试代理工具，它能够抓取记录本机所有 HTTP(S) 请求，通过设置断点等方法我们可以任意修改进出 Fiddler 的数据（cookie,html,js,css）完成测试。其原理如下图，我们仅需要修改 Proxy 中收到的数据就可以模拟客户端和服务器的交互，完成一系列 Mock 测试。

在上篇《监控上报与 Script error》 中，主要提到了 js 脚本错误上报的方式，并讲解了如何使用 crossorigin 来解决 Script error 报错信息的方案，于是我们就可以查看到脚本报错信息了。而此时可能会遇到另一个问题：”JS 代码压缩后，定位具体出错代码困难！“。本篇将结合示例，通过多种解决方案逐一分析，让脚本错误 一目了然。

之前写过一篇关于 Android Studio 断点调试技巧 的文章，但都是针对 Native 代码的调试，对于 Hybrid 开发模式下的 WebView 却无从下手。幸运的是，PC 中的 Chrome 浏览器提供的开发者工具能够帮助我们远程调试 Android 中的 Web…