如何调试jQuery的内部功能

时间:2019-06-13 18:50:38

标签: jquery debugging google-chrome-devtools

我的问题是阅读或理解jQuery代码中传递给回调函数的参数,例如,我有以下代码:

                  $("#" + someId).sparkline('html', {
                        type: 'bar',
                        chartRangeMin: 0,
                        chartRangeMax: 100,
                        barColor: '#8AC007',
                        colorMap: range_map,
                        resultObj: sparklineTooltip[someId],
                            tooltipFormatter:
                                function(sp, options, fields) { 
                                    var tooltipElem = "";
                                    $.each(fields,
                                        function(i, field) {
                                            var tooltipObj =  options.get('resultObj')[11-field.offset][field.offset].split(",");
                                            tooltipElem = createTooltipElement(tooltipObj);
                                            field.tooltipFormat = tooltipElem;
                                        })

                                    return tooltipElem;
                                }
                    });

tooltipFormatter回调函数中进行调试的最佳方法是什么?我想将调试点移至var tooltipObj = options.get('resultObj')[11-field.offset] field.offset].split(",");行。我想看看这两个参数在函数内部具有什么值:optionsfields。迷你图中的选项,字段是某种标准参数吗?从jquery迷你图的文档中,我看到了:

enter image description here

1 个答案:

答案 0 :(得分:1)

JavaScript中有一个调试器函数,用法如下:

function multiply(x)
  debugger;
  return x * 2;

它应该是您所需要的;它实际上使您可以“暂停”脚本并查看该时间点所有变量的值。您可以将其放在要调用的函数中,以查看参数代表什么。

Mozilla link

相关问题