将 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 开发人员工具中使用您的代码，您的代码就已经可以工作了。 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 link 时，它会在当前页面中注入 Firebase 脚本。

在那之后，我通常从绑定到键盘快捷键的脚本开始：

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

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

将 Chrome 控制台与 Firebase 结合使用

Using Chrome Console with Firebase

javascript

console

firebase