Firebase / Firestore测试项目在Chrome和Firefox中有不同的行为

时间:2018-04-13 15:48:43

标签: javascript google-chrome firebase firefox google-cloud-firestore

为了测试FirebaseFirestore,我编写了这个简单的文件,但我不明白为什么它使用ChromeFirefox的方式有所不同。

  • Chrome中,似乎数据存储在AppData\Local\Google\Chrome\User Data\<profile>\IndexedDB本地,永远不会发送到Firestore后端
  • Firefox中,当我点击按钮
  • 时,网络项目控制台立即更新

<!DOCTYPE html>
<html>

<head>

	<script src="https://www.gstatic.com/firebasejs/4.12.0/firebase.js"></script>
	<script src="https://www.gstatic.com/firebasejs/4.12.0/firebase-firestore.js"></script>

	<script>

		var config = {
			apiKey: "myApiKey",
			authDomain: "myAppName.firebaseapp.com",
			databaseURL: "https://myAppName.firebaseio.com",
			projectId: "myAppName",
			storageBucket: "myAppName.appspot.com",
			messagingSenderId: "1234567890"
		};

		firebase.initializeApp(config);

		var db = firebase.firestore();

		function addRandomItem() {

			db.collection("items").doc("random_item_" + new Date().getTime()).set({
				description: "random item description",
				notes: "random item notes"
			})
				.then(function () {
					window.alert("Document successfully written.");
				})
				.catch(function (error) {
					window.alert("Error adding document: " + error);
				});
		}

	</script>

</head>

<body>
	<button onclick="addRandomItem()">add random item</button>
</body>

</html>

1 个答案:

答案 0 :(得分:0)

似乎是CORS(跨域资源共享)问题:使用Web服务器在Chrome中测试我的文件,而不是通过文件系统来解决问题。