码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript 调试 debug

时间:2019-08-11 10:28:51      阅读:148      评论:0      收藏:0      [点我收藏+]

标签:逻辑   文件   debug   显示   nbsp   不容易   lis   ror   运行   

一、错误

  1、语法错误

    出现错误,有提示,很容易的解决。

  2、逻辑错误

    不容易发现

二、调试方式

  1、alert() 方式

  2、console.log()/console.error() 方式

  3、断点调试

    断点调试是指自己在程序的某一行设置一个断点,调试时,程序运行到这一行就会停住,然后你可以一步一步往下调试,调试过程中可以看各个变量当前的值,出错的话,调试到出错的代码行即显示错误,停下。

   调试步骤:

浏览器中按F12-->sources-->找到需要调试的文件-->在程序的某一行设置断点

    如图:  

 技术图片

    

  4、调试中的相关操作

    • Watch: 监视,通过watch可以监视变量的值的变化,非常的常用。
    •  F10: 程序单步执行,让程序一行一行的执行,这个时候,观察watch中变量的值的变化。
    •  F8:跳到下一个断点处,如果后面没有断点了,则程序执行结束。

           技术图片

    Tips: 监视变量,不要监视表达式,因为监视了表达式,那么这个表达式也会执行

 

 

JavaScript 调试 debug

标签:逻辑   文件   debug   显示   nbsp   不容易   lis   ror   运行   

原文地址:https://www.cnblogs.com/niujifei/p/11334075.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!