使用Chrome控制台与Firebase

Question

作为一个js新手，这可能是个愚蠢的问题。但是我如何在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 developer工具，您的代码就已经可以工作了。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)，并将JavaScript设置为上面的JavaScript片段。然后，当您单击FB链接时，它将将Firebase脚本注入当前页面。

在此之后，我通常从一个与键盘快捷键绑定的脚本开始：

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

然后，我只需将mine替换为Firebase的实际名称，我就可以开始工作了。