调试Js的利器 - debugger语句

楼主
我是社区第54912位番薯,欢迎点我头像关注我哦~
debugger是谷歌浏览器提供的调试语句,它的使用方法很简单, 在我们的JS语句中, 插入一行debugger; 即可



我们将谷歌浏览器设为默认浏览器, 然后预览这个模板,然后打开谷歌浏览器的开发者工具窗口(快捷键为F12)
接下来, 我们触发js程序段,在上面的例子中, 是点击该按钮
于是,谷歌浏览器的开发者窗口 就在debugger语句处停下, 我们可以查看各个变量的值,帆软自定义的JS函数,DOM结构 等等
然后,点击“继续运行按钮”(快捷键F8) 就可以继续运行了




分享扩散:

沙发
发表于 2014-11-10 10:59:12
{:7_187:}{:7_188:}{:7_188:}。。你咋能如此有才呢。。。。。
板凳
发表于 2014-11-10 11:01:06
debugger,前端开发人员都必须会用的,,,已经加入到我的淘贴里面了哦
{:5_148:}
地板
发表于 2014-11-10 11:18:31
这个必须滴!{:5_133:}
5楼
发表于 2014-11-12 20:55:26
很好很强大
6楼
发表于 2014-11-13 09:17:51
赞                                            
7楼
发表于 2015-4-24 21:35:21
强大强大强大
8楼
发表于 2016-7-9 08:02:08
原来是这样啊
9楼
发表于 2016-7-14 14:32:50
10楼
发表于 2016-8-17 11:16:09
这么好的软件 学习学习
11楼
发表于 2017-7-4 11:19:28
有用谢谢
12楼
发表于 2017-7-4 13:11:52
真的很有用。~
13楼
发表于 2017-7-4 22:50:34
学习咯。谢谢。最近对js有学习兴趣了。
14楼
发表于 2018-12-5 09:26:29
mark一下,出现e.map is not a function,一直没有找到原因,电脑上打开没问题,手机是打开就报错
15楼
发表于 2019-5-1 00:38:21
厉害了

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

返回顶部 返回列表