如何在firebug中查看javascript中的对象

zaiai2003 2014-09-11 11:12:53
许多文章都谈到可以在浏览器中查看页面中javascript的对象。但是我测试就不行。
在ubuntu14.04,浏览器是firfox32.0,安装了firebug2.04.
有一个页面如下:
-------------------------------------------------
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Ember Starter Kit</title>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<script type="text/x-handlebars">
<h2>Welcome to Ember.js</h2>

{{outlet}}
</script>

<script type="text/x-handlebars" id="index">
<ul>
{{#each item in model}}
<li>{{item}}</li>
{{/each}}
</ul>
</script>

<script src="js/libs/jquery-1.10.2.js"></script>
<script src="js/libs/handlebars-1.1.2.js"></script>
<script src="js/libs/ember-1.7.0.js"></script>
<script src="js/app.js"></script>
<!-- to activate the test runner, add the "?test" query string parameter -->
<script src="tests/runner.js"></script>
</body>
</html>

-------------------------------------------------
这个js/app.js的内容如下:
-----------------------------------------------
App = Ember.Application.create();

App.Router.map(function() {
// put your routes here
});

App.IndexRoute = Ember.Route.extend({
model: function() {
return ['red', 'yellow', 'blue', 'green'];
}
});

------------------------------------------------------------
根据文档的提示,我现在想从浏览器的控制台中直接操作javascript对象model,增加颜色。

我这样操作,打开F12,然后切换到控制台,输入model,出现错误:
------------------------------------------------------------------

model
ReferenceError: model is not defined


model
-----------------------------------------------------------------

请多多指导。
...全文
103 6 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
  • 打赏
  • 举报
回复
没用过这个框架,楼主自己先研究清楚这个框架的继承机制什么的
zaiai2003 2014-09-11
  • 打赏
  • 举报
回复
model ReferenceError: model is not defined App.IndexRoute.model undefined App.IndexRoute.model.push("green") TypeError: App.IndexRoute.model is undefined 虽然没有出错,但是这个undefined也说明方式不对?
zaiai2003 2014-09-11
  • 打赏
  • 举报
回复
哦。谢谢楼主关注。增加一个元素,App.IndexRoute.model.push("green") 是这样子吗?
  • 打赏
  • 举报
回复
引用 2 楼 zaiai2003 的回复:
这个例子是ember的例子,可以从如下网址下载: emberjs.com/about/ Download the starter kit
自己看别人代码怎么写的,有些是内部变量,直接从调试工具中是访问不到的。。
zaiai2003 2014-09-11
  • 打赏
  • 举报
回复
这个例子是ember的例子,可以从如下网址下载: emberjs.com/about/ Download the starter kit
  • 打赏
  • 举报
回复
App.IndexRoute = Ember.Route.extend({ model: function() { return ['red', 'yellow', 'blue', 'green']; } }); 是 App.IndexRoute.model吧,直接输入model当然有问题

87,996

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧