**这是我参与「第五届青训营 」伴学笔记创作活动的第 10天，**前端开发调试之PC端与移动端
·前端清除bug特点：1、多平台：浏览器、小程序、桌面应用等，2、多环境1:本地开发环境、线上环境，3、多工具，4、多技巧：console,代理等
动态修改元素和样式：点击.cls开启动态修改元素的class，输入字符串可以动态的给元素添加类名，勾选/取消类名可以动态的查看类名生效效果，点击具体的样式值（字号、颜色、宽度高度等）可以进行编辑，浏览器内容区域实时预览，Computed下点击样式里的箭头可以跳转到styles面板中的CSS规则，可以用以下2种方式强制激活伪类：选中具有伪类的元素，点击：hov，DOM树右键菜单，选择Force State
Console: console.table具象化的展示JSON和数组数据，console.die通过类似文件数的方式展现对象的属性，占位符：给日志添加样式，可以突出重要的信息，%s:字符串占位符，%o对象占位符，%c:样式占位符，%d:数字占位符。
Break POint与Watch：使用关键字debugger或代码预览区域的行号可以设置断点，执行到端点处时代码暂停执行
线上暂时修改Overrides:1、打开sources面板下的Overrides，2.点击Select folders for Overrides。选择一个本地的空文件夹目录3.允许授权4.在page中修改代码，修改完成后command
=s保存5.打开devTools，点击右上角的三个小点>more tools>changes，就能看到所有的修改了
启用本地的 source map线上不存在的Source Map时可以使用Map Local网络映射功能来访问本地的Source Map文件
使用代理工具Mock数据：右键选中要mock数据的接口，选择save response,保存文件到本地。
