浏览器调试技巧（debugger调试）

之前调试前端代码，都是用console.log()打印信息，实在是个大捞比，
今天大佬告诉我可以用debugger调试，我的天，新大陆新姿势啊！（本人前端菜鸡）

示例代码

//查询方法function search(){ debugger；var url = '${base}oa/dbkh!listdata.action';var startTime=$('#startTime').val();if(startTime==null){startTime="";}var username =$('#username').val(); jQuery("#role_list_table").jqGrid('setGridParam', {url :"${base}oa/dbkh!listdata.action?endStr = " + 1 + "&startTime= " + startTime+ "&username= " + username,page:curpagenum}).trigger("reloadGrid");
}

运行程序，会发现在debugger处停了下来，按f12,打开开发者页面，用右侧功能键进行调试

功能键的使用

第一个是重新开始
第二个是单步跳过
第三个是单步进入
第四个是单步退出
一般也只用到前面两个

如果有什么吊炸天的调试方式，欢迎分享

浏览器调试技巧（debugger调试）相关推荐

iOS调试技巧-断点调试
Condational Breakpoints(条件断点) 普通断点只要执行到断点所在行就会停止程序,但是有时候我们想当满足一定条件时才停止程序.这个调试技巧在当你想要捕获一个循环中的变量的特定值或者 ...
UART接口算法移植加密芯片的调试技巧——算法调试
算法移植加密芯片的调试包含2个部分:通讯调试和算法调试.之前讲到过通讯调试技巧,接下来本篇将对算法调试中的问题进行分析总结,来帮助客户顺利地完成调试. 算法调试中的常见问题: 1.不要自行建工程客户 ...
UART接口算法移植加密芯片的调试技巧——通讯调试
算法移植类加密芯片是凌科芯安公司的专利产品,主要功能是芯片内部嵌入凌科芯安公司的LKCOS智能操作系统,用户可以把MCU中程序一部分关键算法函数移植到芯片中运行.用户采用标准C语言编写代码,通过KEI ...
python断点调试技巧-python调试方法
之前调试python程序都是用print参数,感觉有点弱爆啊,最近发现python也有类似C语言gdb的工具pdb,记录下pdb的使用方法和心得. 先找了段简单的测试程序: 复制代码 !/usr/bi ...
前端开发中的调试技巧
前端开发中的调试技巧骨灰级调试大师Alert 那还是互联网刚刚起步的时代,网页前端还主要以内容展示为主,浏览器脚本还只能为页面提供非常简单的辅助功能的时候.那个时候,网页主要运行在以IE6为主的浏览 ...
Visual Studio原生开发的20条调试技巧（下）
我的上篇文章<Vistual Studio原生开发的10个调试技巧>引发了很多人的兴趣,所以我决定跟大家分享更多的调试技巧.接下来你又能看到一些对于原生应用程序的很有帮助的调试技巧(接着上 ...
Visual Studio原生开发的20条调试技巧
我的上篇文章<Vistual Studio原生开发的10个调试技巧>引发了很多人的兴趣,所以我决定跟大家分享更多的调试技巧.接下来你又能看到一些对于原生应用程序的很有帮助的调试技巧(接着上 ...
lldb常用命令与调试技巧
一.基本介绍 LLDB是个开源的内置于XCode的调试工具,它能帮助我们在开发中更快的定位和调试bug,无论正向和逆向开发中都有很大的作用.lldb对于命令的简称,是头部匹配方式,只要不混淆(不提示歧 ...
前端谷歌 chorme f12开发者工具调试技巧
谷歌调试技巧谷歌调试技巧: 1.快速重复发送请求 2.在控制台调试请求,更改参数,不需回到代码中修改. 3.复制js变量 4.快速选中的元素,输出其html代码. 5.截取滚动页面的长屏幕 6.一键 ...
还在肉眼找bug??赶紧进来!!!程序员一定要学的调试技巧.
本文介绍了什么是bug,什么是调试,调试重要性,如何调试解决bug,各种常用的调试快捷键,如何写出好代码以及const关键字,assert断言库函数介绍,写代码各种遇见的错误, 调试训练实用调试技巧 ...

浏览器调试技巧（debugger调试）

示例代码

功能键的使用

如果有什么吊炸天的调试方式，欢迎分享

浏览器调试技巧（debugger调试）相关推荐

最新文章

热门文章