谷歌浏览器js断点怎么调试 , 相信有很多小伙伴对此存在疑惑 , 接下来就跟着我们小编一起了解一下调试谷歌浏览器js断点的方法说明 。希望可以帮助到大家 。
【谷歌浏览器js断点怎么调试?调试谷歌浏览器js断点的方法说明】谷歌浏览器js断点调试方法:
首先我们在需要调试的界面按 F12 打开开发者工具
文章插图
打开成功可以看到上图所示的弹出工具 。本经验是如何调试 , 所以直接进入正题 , 点击 Sources 标签
文章插图
左边 Page 标签下显示的就是项目目录
文章插图
假设对 Main.ts 进行调试 , 需要在调试代码行前 , 点击行数字位置所在 , 出现如图所示的蓝色标志 , 表示定位成功 。
文章插图
接下来运行页面 , 运行到脚本所在就会在断点的位置 , 出现暂停 , 将鼠标移到指定变量 , 就会显示出相关数据
文章插图
配合右边 watch 跟 调用堆栈的使用 , 可以跳出该函数 , 查看上一步函数等等 。通过查看这些数据得到调试结果
文章插图
注意事项:
断点位置断在想查看数据之后
推荐阅读
- 面瘫是保险的重大疾病吗
- win10一键重装系统排名2021
- 秦桧的生平简介
- 刷防水的步骤有哪些
- snkrs登不上去怎么办详细介绍
- c5200a1943功放中点电压不为零
- 离婚债务纠纷处理的程序怎么走
- 找回失落的MOTOKIT备份文件
- 秦观最著名的词是哪首