js中的debugger调试

debugger：停止JS的执行，相当于设置断点。
在JS代码编写的过程中，我们都会通过浏览器的调试模式（F12）来检查代码是否正确，大多数我们都是通过设置断点来进行调试。
打开浏览器按F12：

在12行设置断点（鼠标点击12）：

按F5刷新界面（当前浏览器会执行你设置断点的位置的时候）：

然后按F10一步一步执行下去，这是我们传统的JS调试方法，但是如果遇见JS代码过多并且杂乱的时候（比如上千行的时候），我们自己找位置设置断点的时候就会发现每次都要向下滑一会儿；要么就ctrl+F查找（可能出现相同的变量等等情况）；或者记住当前代码编写的行数位置，再在浏览器调试模式中滑到相应的位置设置断点，总感觉很烦。

这个时候我们就可以使用JS中提供的debugger语句：

按F5刷新：

可以看见JS在执行的时候会自动命中debugger然后设置断点，在大型项目中，这样会更加方便我们在JS中的调试！！！

js中的debugger调试相关推荐

WKWebView Safari调试、JS互调、加载进度条、JS中alert、confirm、prompt
主要内容 Safari调试 swift/OC与JS互调增加加载进度条支持JS中alert.confirm.prompt Safari调试设置 -> safari --> 高级,开启J ...
分享一个自定义的 console 类，让你不再纠结JS中的调试代码的兼容
问题的产生在写JS的过程中,为了调试我们常常会写很多 console.log.console.info.console.group.console.warn.console.error代码来查看JS ...
如何调试JS中鼠标悬停事件影响的元素？
如何调试JS中鼠标悬停事件影响的元素? 在日常的前端开发中,我们经常要调试许多其他开发者写的网站和代码.此时我们往往会打开浏览器的开发者工具,在 Elements,Console,Network,So ...
debugger 调试的一些经验
1. 如果没有firebug , 可以用firebug-lite.js 内嵌的调试方式. 2. console.log 不是所有浏览器都支持console.log 在IE或者没有调试窗口的浏览器中,c ...
Vue中进行断点调试的两种方式(使用外部浏览器和VsCode的 Debug for Chrome插件)
场景在使用IDEA等进行后台开发时可以直接在想要进行断点调试的地方双击添加一个断点,然后逐步或者逐过程进行调试. 但是在Vue中如果想要进行调试时,如果是在js中调试的话,可以直接添加一个debug ...
HarmonyOS之JS/Java跨语言调试
在 HarmonyOS 应用开发中,通常会涉及到使用 JS 和 Java 语言同时开发的场景,一般使用 JS 来开发应用的 UI,使用 Java 开发应用的逻辑,JS FA 调用 Java PA.针对 ...
手把手教你用Vscode Debugger调试代码
http://shooterblog.site/2018/05/19/%E6%89%8B%E6%8A%8A%E6%89%8B%E6%95%99%E4%BD%A0%E7%94%A8Vscode%20De ...
nodeJS 中文API node.js 中文文档
Node.js Manual & Documentation Table Of Contents Synopsis 概要 Global Objects 全局对象 global process ...
如何在Google Chrome浏览器中启动JavaScript调试器？
使用Google Chrome浏览器时,我想调试一些JavaScript代码. 我怎样才能做到这一点? #1楼在Chrome浏览器中按F12功能键以启动JavaScript调试器,然后单击" ...

js中的debugger调试

js中的debugger调试

js中的debugger调试相关推荐

最新文章

热门文章