将 Chrome 控制台与 Firebase 配合使用

Using Chrome Console with Firebase

本文关键字：Firebase Chrome 控制台      更新时间：2023-09-26

作为一个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);
});

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

如果您在 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)

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

相关文章：