🎯课程表
📋前言
这是我参与「第五届青训营 」伴学笔记创作活动的第 14 天。
第五届字节跳动青训营的课程已经进入尾声了，继续保持上课的节奏和学习，需要要学习内容较多，因此分为几个部分来学习，课程的内容是学习前端开发调试之 PC 端调试的内容，通过该篇文章记录在课程中学到的知识以及重点，对此做相对应的笔记来巩固学习。
📑课程介绍
- 在程序员的世界中，BUG 一词相信同学们再熟悉不过了，本节课将围绕前端开发中所遇见的 BUG 出发，讲解作为一名合格的前端开发人员，你应该掌握哪些开发调试知识。为了方便大家更好地知悉不同场景下 debug 方法，讲师将分为 PC 端与移动端展开解读，本节主要聚焦于 PC 端调试。
🔥课程重点
- Elements
- Console
- Source
- Performance
- Network
📝具体笔记
01.多平台
浏览器、Hybrid、NodeJs、小程序、桌面应用等
03.多工具 Chrome devTools、Charles、Spy-Debugger.Whistle、vConsole
02.多环境 本地开发环境、线上环境
04.多技巧 Console、BreakPoint、sourceMap、代理等
Elements
Console
Score
- 使用关键字 debugger 或 代码预览区域的行号可以设置断点
- 执行到断点处时代码暂停执行
- 展开 Breakpoints 列表可以查看断点列表，勾选/取消可以激活/禁用对应断点
- 暂停状态下，鼠标 hover 变量可以查看变量的值
- 在调试器 Watch 右侧点击 +可以添加对变量的监控，查看该变量的值
前端代码天生具有“开源”属性，出于安全考虑，上线之前 JavaScript 代码通常会被压缩，压缩后的代码只有一行，变量使用'a'、'b'等替换，整体变得不可阅读。那么压缩后的代码如何调试 呢?
文章仅为个人学习笔记，如有错误，欢迎指正。
