使用firebug调试jquery或javascript

我用jquery编写了一段代码。最初我没有运行，然后我在线检查语法错误。我发现了一些错误。现在代码仍然没有按预期工作。所以我选择了萤火虫。我没有做很多调试。我是新手。这是我的密码

var j = 2;
var friends = [];
var distance =[];


$(document).ready(function () {

      $('#button').click(function () {
        if (j < 11) {
            $('#friends').append('Friend' + j + ':<input type="text" id="friend' + j + '"/><br/><br/>');
            j++;
        }
        else {
            alert("Limit reached");
        }
    });



   $('button').click(function(){
  console.log("button clicked");
   var a =[];
    for(i=1;i<=j;i++)
     {
        a[i] = $("#friend" + i).val();
      }     


    var gurl = "http://maps.googleapis.com/maps/api/distancematrix/json?"+
        "origins=" +
        a.join('|').replace(/ /g,'+') +
        "&destinations=" +
        a.join('|').replace(/ /g,'+') +
        "&sensor=false";


  jQuery.ajax(
          {
             type: "GET",
             url: gurl,
             dataType: 'jsonp'
          }).done(function (response) 
             {
                var rows = response.rows;
                  alert("hello there");

                for (var i = 0; i < rows.length; i++) 
                 {

                  for(var j=0;j<elements.length;j++)
                {
                    distance[i][j] = rows[i].elements[j].distance;
                 }

                 }
          alert(distance[1][3]);
              });

        });
  });

var j=2；
var-friends=[]；
var距离=[]；
$（文档）.ready（函数（）{
$（“#按钮”）。单击（函数（）{
if（j<11）{
$（'friends'）。追加（'friends'+j+'：

）；
j++；
}
否则{
警报（“达到限制”）；
}
});
$（“按钮”）。单击（函数（）{
控制台日志（“点击按钮”）；
var a=[]；
对于（i=1；i最简单的调试方法是在脚本中的某些点使用firebug和
console.log（）
变量或消息，以便更好地了解脚本各个步骤中发生的情况。您可以在firebug的console选项卡中看到输出

您还可以从其他一些选项卡添加断点和监视。例如，在DOM选项卡中，您可以右键单击变量并添加监视，或者从脚本选项卡中，您可以单击脚本中的某个位置以设置断点或监视，它将在该点停止脚本和/或在该点显示变量转储。
嘿，这里是一个示例处理代码，以及调试js的一些示例：


正如你所见，你可以做一些很好的事情，比如：

console.log("distance : ");
console.log(distance);

希望能有帮助

它们也是一些错误，无法帮助修复它们
您可以将其添加到JSFIDLE并共享链接吗？出于调试目的，您应该使用console.log（）代替警报。这是一个最佳实践，而且这是更好的，因为你可以记录任何对象。另一个最佳实践不是使用
在文档中添加一些空格，而是使用CSS。这是JSFIDLE链接。请帮助它工作正常吗？请告诉我错误。我是js新手，无法理解。你试过小提琴吗？你应该可以在控制台中正确记录距离。（我个人曾与两位朋友一起尝试过，一位在巴黎，一位在柏林）它说“行”未定义。第66行记录了什么响应？TypeError:rows未定义[Break On This Error]for（var I=0；Iconsole.log("distance : ");
console.log(distance);