使用浏览器自带的javascript调试器

Posted 低代码布道师

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用浏览器自带的javascript调试器相关的知识,希望对你有一定的参考价值。

日常开发中免不了要进行调试,使用浏览器自带的调试器可以发现javascript运行时报的错误,以chrome为例

打开这个带有错误的代码有错误的代码


表面上看这个网页没有错误,但是错误影藏在下边。我们需要按键盘上的F12

红色字体表示有错误,给出了代码的行数,现在是12行有错误

蓝色的小三角表示可以输入javascript的代码,如果是单行代码可以按回车进行执行,如果是多行代码可以先按shift+enter键切换成多行模式,输入完毕之后再按回车

以上是关于使用浏览器自带的javascript调试器的主要内容,如果未能解决你的问题,请参考以下文章

VScode如何逐步运行调试javaScript?

如何使用Google浏览器自带的调试工具

如何使用Google浏览器自带的调试工具

谷歌浏览器(Google Chrome)开发调试详细介绍

如何使用Google浏览器自带的调试工具

console.log()是啥意思?