首页 / 知识
JavaScript中F12调试器,debugger设置断点
2023-04-11 13:25:00

JavaScript中F12调试器,debugger设置断点
在没有调试器的情况下写 JavaScript 是有难度的。
您的代码中也许包含了语法错误,或者逻辑错误,这些都难以诊断。
通常,如果 JavaScript 代码包含错误,也不会发生任何事情。不会有错误消息,并且不会有任何可供查找错误的指示信息。
通常,每当你尝试编写新的 JavaScript 代码,就可能发生错误。
JavaScript 调试器
查找编程代码中的错误被称为代码调试。
调试并不简单。但幸运地是,所有现代浏览器都有内置的调试器。
内置的调试器可打开或关闭,强制将错误报告给用户。
通过调试器,您也可以设置断点(代码执行被中断的位置),并在代码执行时检查变量。
通常通过 F12 键启动浏览器中的调试器,然后在调试器菜单中选择“控制台”。
console.log() 方法
如果您的浏览器支持调试,那么您可以使用 console.log() 在调试窗口中显示 JavaScript 的值:
实例
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<script>
a = 5;
b = 6;
c = a + b;
console.log(c);
</script>
</body>
</html>
设置断点
在调试窗口中,您可在 JavaScript 代码中设置断点。
在每个断点中,JavaScript 将停止执行,以使您能够检查 JavaScript 的值。
在检查值之后,您可以恢复代码执行。
debugger 关键词
debugger 关键词会停止 JavaScript 的执行,并调用(如果有)调试函数。
这与在调试器中设置断点的功能是一样的。
如果调试器不可用,debugger 语句没有效果。
如果调试器已打开,此代码会在执行第三行之前停止运行。
实例
var x = 15 * 5;
debugger;
document.getElementbyId("demo").innerHTML = x;
|
最新内容
相关内容
python判断dict中key是否存在
python判断dict中key是否存在,培训,通用,第一,字典,方法,结果,函数,属性,做法,上面,今天来说一下如何判断字典中是否存在某个key,一般有两种通python判断字符串是否包含中文
python判断字符串是否包含中文,培训,检测,代码,字符串,中文,字符,范围,空格,原理,以上,原理:中文字符的编码范围是:\u4e00-\u9fff只要编码在python如何匹配中文
python如何匹配中文,培训,中文,正则,大学,字符,范围,形式,以上,版本,结果,python中文字符的编码范围是:\u4e00-\u9fa5使用正则匹配中文#-*-cpython中如何让打印不换行
python中如何让打印不换行,培训,灵活,对象,函数,参数,文件,空格,结尾,字符,结束,python3中如何让打印不换行的方法:我们在使用print()函数时,并python如何设置路径
python如何设置路径,培训,工作,路径,模块,以上,更多,内容,改变python的默认路径为当前的工作路径通过os模块来进行python中路径的更改默认python怎么判断key是否在字典中
python怎么判断key是否在字典中,培训,第一,通用,字典,方法,结果,函数,属性,做法,里面,在python中,判断某个key是否在字典中,一般有两种通用做法python语言中的注释是什么
python语言中的注释是什么,培训,注释,代码,程序,可读性,开头,是非,以上,表示,语言,注释是提高代码可读性的重要途径,为了让别人能够更容易理解python如何实现对Python中列表的排
python如何实现对Python中列表的排序?,培训,工作,实例,方法,关键字,对象,函数,以上,列表,表达式,对List进行排序,Python提供了两个方法方法1.python在python中如何同时给多个变
python在python中如何同时给多个变量赋值?,培训,连续,名称,赋值,变量,函数,模块,整数,定义,常量,同时赋多个值以下是一种很酷的编程捷径:在Pytpython详解python中单引号,双引号,多
python详解python中单引号,双引号,多引号区别,培训,字符串,表示,区别,引号,注释,详解,下面,原因,字符,先说1双引号与3个双引号的区别,python双引python整型对象是如何在内存中存储
python整型对象是如何在内存中存储的?,代码,培训,地址,位置,内存,开辟,整数,分配,存在,负数,在Python中整型对象所存储的位置是不同的,有一些python如何理解Python中整型对象存
python如何理解Python中整型对象存储的位置?,位置,地址,代码,培训,内存,开辟,对象,整数,分配,存在,在Python整型对象所存储的位置是不同的,有