zl程序教程

您现在的位置是:首页 >  其他

当前栏目

前端基础 - 常用调试方式

调试基础前端 方式 常用
2023-09-11 14:15:41 时间

常用调试方式

问题:

从服务器获取内容时,设置radio总是设置不成功,一直很纳闷,图片如下:

在这里插入图片描述

后来问了Java高级工程师陶鹏,学会了如何去调试并解决问题,发现方法很好用,所以写下此博客记录一下。

方法:

  1. 步骤一:
    在html文件里的**< script >**代码块写如下方法:
$(function(){//此方法相当于初始化(必定会执行)
		
		debugger;  //写下此语句,浏览器会自动进入断点
		
		$(':radio[name="NTP_SYNC_ONOFF"][value="ON"}]').attr("checked",true);	

})
  1. 步骤二:

打开浏览器,记得要按F12调试模式,不然不会进入断点,进入后的界面如下:
在这里插入图片描述

当走完之后会发现 Console 状态栏 报错了,如下:
在这里插入图片描述

这个时候,在Console 状态栏可以继续写调试代码,验证程序的正确性,修改后的代码如下:
在这里插入图片描述