查看chrome devtools中对象文字内的值。

时间:2015-08-07 18:53:32

标签: javascript google-chrome google-chrome-devtools

我刚刚玩jBox.js,特别是这个特定插件的工具提示功能,基本上只要你点击工具提示就会执行以下代码:

this.pointer = {
  // "position" is "bottom" in this scenario.
  position: (this.options.pointTo != 'target') ? this.options.pointTo : this._getOpp(this.outside),
  // "xy" is "y" in this scenario.
  xy: (this.options.pointTo != 'target') ? this._getXY(this.options.pointTo) : this._getXY(this.outside),
    align: 'center',
    offset: 0
};

(当然还有更多行代码被执行,但我对代码行感兴趣。)

如果您检查chrome中的source并打开jBox.js文件,则上面的代码段位于第575行, LINK HERE

现在,如果您检查对象文字,当脚本执行时,是否可以在Chrome的source标签中看到positionxy的实际值?那将是我唯一的问题。

我知道这是可能的功能,I.E。如果你有一个函数,你可以设置一个断点,一旦执行该行代码,你将在源代码中看到参数的值是什么。我上面发布的代码片段也可以实现同样的效果吗?

如果可以回答这将是非常有帮助的,因为我正在调试一个超过500行代码和控制台的脚本。日志记录的内容变得相当繁琐。

谢谢。

亚历-Z。

0 个答案:

没有答案