掌握Debug（调试和故障排除）技术是编程人员重要的能力之一。本书作者将多年积累的开发经验浓缩到本书精心设计的教案中，通过范例网站和程序代码讲解HTML、DOM和CSS、JavaScript、性能分析、用户体验、错误处理等开发过程中遇到的问题的成因和解决方法，帮助读者从心态、通用方法切入Debug技巧，再深入至不同主题。相信读者在阅读本书之后，能够更好地掌握Debug工具，将学到的Debug技能应用到实际的开发和测试工作中，并大幅提升解决问题和开发的效率。 本书适用于前端初学者、前端工程师以及有经验的开发者。

杨楚玄 软件开发资深工程师 ，在软件开发有多年的开发经验，尤其Web前后端开发，具有丰富的项目开发经验。现任Appier前端工程师，同时担任ALPHA Camp课程讲师。以《你所不知道的各种前端Debug技巧》系列文章参加iT邦帮忙铁人赛Modern Web组获得冠军。参与开源项目，在GitHub上的个人项目拥有超过5000颗星。

前 言 对于软件开发者来说，无论采用哪种程序设计语言，都需要花费大量时间在Debug（调试和故障排除）上，初学者时常会因为无法有效地找出问题以及解决问题而感到挫败，而许多人花费大量精力学习新知识及熟悉技术，却忽略了重要的基础之一—Debug技巧。 还记得第一次实习面试时，主考官问我：“你都怎么Debug的？”我一时竟然只能想出一个答案：打开DevTools看log。那时我的Debug原则就是“如果一个console.log找不出问题，就放入更多的console.log”。虽然有时候会觉得自己很傻，但是由于大多时候都能解决问题，便持续使用这个套路。 被问倒后的我开始反省：既然天天都要Debug，为何不加强自己的Debug技巧呢？掌握Debug技巧能够大幅地提升开发效率，而这正是贯穿本书的重点。 之所以写这本书，是因为我在2021年9月参加了以“你所不知道的各种前端Debug技巧”为主题的“iT邦帮忙铁人赛”。早在几年前我就听说过铁人赛，不过理解仅限于参赛者必须连续30天不中断发文，想想自己偶尔也会撰写技术文章，应该没有什么困难，当时有一位朋友参加铁人赛却未能完赛，我甚至感到有些意外。直到实际参赛时，才发现自己实在太天真了，为了能够尽可能地涵盖更多细节及制作流畅易懂的范例，一个月来几乎每天都能看到日出，所幸后来顺利完赛。本书就是基于原本参赛的文章，将技巧讲解部分抽出，并分类为不同的主题，同时加入更多内容及范例，Chrome DevTools用法则独立说明，以便提及更多细节。本书的整体架构经过修改后，变得更加通顺及容易理解，当然随之而来的又是另一段长期睡眠不足的日子。 ...