Javascript 将Chrome控制台与Firebase配合使用

作为一个js新手，这可能是一个愚蠢的问题。但是我如何在Chrome控制台中实际使用js呢。我试图通过控制台与我的Firebase交互，但当我试图获取Firebase引用时，我总是得到未定义的

。我知道我可以使用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);
});

---

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

如果您在Firebase仪表板中的Chrome developer工具中运行代码，那么您的代码已经可以工作了。

Firebase

对象已经在那里可用

在其他选项卡中，可用性取决于页面包含Firebase的方式。如果它全局包含它，则可以执行代码。如果页面未公开

Firebase

，我通常会使用bookmarklet将其插入页面：

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)

---

然后我就用Firebase的实际名称替换了我的，我现在可以开始了。

这太好了-非常感谢@FrankVanPuffelen！我知道这是一个非常普通的Javascript初学者问题，但我正在尝试学习js和Firebase，所以这真的很有帮助。谢谢你！刚开始的时候我们都是初学者。坚持下去，你很快就会摆脱那种感觉。。。。不，废话：我还是个初学者，只是个高年级学生。：-）