将Chrome控制台与Firebase配合使用

Question

作为一个新手,这可能是一个愚蠢的问题.但是我如何在Chrome控制台中实际使用js.我正在尝试通过控制台与我的Firebase进行交互,但是当我尝试获取Firebase参考时,我会继续使用undefined.我知道我可以使用Vulcan在控制台中可视化我的数据,但我怎样才能真正执行基本的javascript？

例如,我只想获取对Firebase的引用并读取数据,如下所示:

var ref = new Firebase("https://docs-examples.firebaseio.com/web/saving-data/fireblog/posts");
// Attach an asynchronous callback to read the data at our posts reference
ref.on("value", function(snapshot) {
    console.log(snapshot.val());
}, function (errorObject) {
    console.log("The read failed: " + errorObject.code);
});

如何在控制台中键入这些命令？

Answer 1

如果您在Firebase控制台中使用Chrome开发人员工具运行代码,那么您的代码就已经可以运行了.该Firebase对象已在那里可用.

在其他标签中,可用性取决于网页包含Firebase的方式.如果它全局包含它,您可以执行您的代码.如果页面没有公开Firebase,我通常会将其注入带有书签的页面:

javascript:var script = document.createElement('script'); script.src='https://cdn.firebase.com/js/client/2.2.7/firebase.js'; document.head.appendChild(script);

因此,您将书签添加到书签栏(我的名称为FB),并将URL设置为上述JavaScript代码段.然后,当您单击FB链接时,它会将Firebase脚本注入当前页面.

之后,我通常从一个与键盘快捷键绑定的脚本开始:

new Firebase('https://mine.firebaseio.com/').once('value', function(s) { console.log(JSON.stringify(s.val())); }, console.error)

然后我只用mineFirebase的实际名称替换,我就是一个开始的好地方.