admin管理员组

文章数量:1616429

前言:

       代码调试,软件开发中非常重要的一环,可以说三分写代码七分靠调试,仅以此文赠还在奋斗的你--盛晓

举个例子:

       浏览器上有个按钮“点点点”,想知道代码里做了什么操作(源码在文章末尾)

断点调试概要:

       1、找到源码,2、打上断点,3、触发方法,4、开始调试

 

演示开始:

1、打开F12 (如下图)---> 点击鼠标按钮 ---> 选中 “点点点” ---> Elements中自动定位到代码

 

2、查找js源代码 ---> 复制方法名 ---> 打开搜素框---> 粘贴,回车 ---> 鼠标点击function那个

注:打开搜素框(快捷键ctrl+shift+f) 

3、点击function后,Sources面板自动打开源码,效果如下图:

本文标签: 浏览器debugger