如何通过chrome控制台访问骨干模型

tim*_*one 5 javascript google-chrome-devtools backbone.js

比方说,我有以下Javascript,

var User=Backbone.Model.extend({
});
var jt=new User({name:"jonathan"});
Run Code Online (Sandbox Code Playgroud)

我如何在Chrome控制台中访问jt?

>jt   // doesn't work
>Backbone....  ?
Run Code Online (Sandbox Code Playgroud)

谢谢

Pet*_*ons 5

你必须使jt变量全局:

jt = new User({name:"jonathan"});
Run Code Online (Sandbox Code Playgroud)

要么

window.jt = new User({name:"jonathan"});
Run Code Online (Sandbox Code Playgroud)

或者只是在调试器中使用控制台并在该行上设置断点


bil*_*alq 5

彼得的回答将起到作用,但通常认为开始制造全球性的做法不好.如果你计划恢复它只是一个快速的事情,那没关系,但你必须小心记住修复它.

由于您使用的是Chrome,因此您可以使用功能强大的调试器.只需debugger在设置了要检查的内容后立即添加一行.

var User=Backbone.Model.extend({
});
var jt=new User({name:"jonathan"});
debugger;
Run Code Online (Sandbox Code Playgroud)

如果您打开了开发人员工具,刷新页面基本上会在调试器中设置一个断点.然后,您可以点击Esc以在调试器行的确切范围内打开控制台.