js前端必不可少的需要用到谷歌浏覽器怎么打断点调试而chrome是前端开发者们较常用的谷歌浏览器怎么打断点，那么chrome断点调试技能的掌握必不可少

1. 首先我们在需要调试的界媔按 F12 打开开发者工具

2. 打开成功可以看到上图所示的弹出工具。本经验是如何调试所以直接进入正题，点击  Sources 标签

3. 左边 Page 标签下显示的就是项目目录

4. 假设对 Main.ts 进行调试需要在调试代码行前，点击行数字位置所在出现如图所示的蓝色标志，表示定位成功

5. 接下来运行页面，运行箌脚本所在就会在断点的位置出现暂停，将鼠标移到指定变量就会显示出相关数据

6. 配合右边 watch 跟 调用堆栈的使用，可以跳出该函数查看上一步函数等等。通过查看这些数据得到调试结果

• 断点位置断在想查看数据之后