调试javascirpt
Posted 低代码布道师
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了调试javascirpt相关的知识,希望对你有一定的参考价值。
我们日常在编程的过程中调试是不可避免的,学会调试也是作为开发需要掌握的必备技能。那如何调试js呢?
在浏览器中打开你需要调试的页面,按下F12
,就会打开开发者工具
我这个现在是左右结构的,使用起来不是特别方便,我们可以点击三个点的图标
可以修改一下布局
调试的时候先需要切换到source
页签,这样就会显示源代码
左侧的page是列出了目前网页加载的源文件,包括html、css、js、图片等素材,可以选中其中的js
中间部分就显示了js的源代码,可以在代码的行号旁边点击一下鼠标左键,就打了一个断点。
所谓的断点就是程序执行的时候会停在当前的位置,在右边就可以观察变量的值,程序的执行范围
在console中我们可以输入语句用来执行对应的代码
以上是关于调试javascirpt的主要内容,如果未能解决你的问题,请参考以下文章