我目前有一个使用HTML和JS的网站。 目前,该网站经常在Chromebook上使用,其中所有内容都没有“中央计算机”,换句话说,我们每天都会登录许多计算机。
我拥有的网站很简单。 HTML:
<!DOCTYPE html>
<html>
<head>
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<title>typing</title>
<link rel="stylesheet" href="index.css">
</head>
<body>
<div contenteditable="true" tabindex="0" id="textbox"></div>
<script src="index.js"></script>
</body>
</html>
JS
window.onload = (function() {
console.log("onload")
var clearedTextBox = 0;
var text_box = document.getElementById("textbox");
var input = localStorage.getItem("input");
if (input) {
text_box.innerHTML = input;
} else {
text_box.innerHTML = "Type here!";
text_box.onclick = function() {
console.log("onclick")
if (clearedTextBox === 0) {
text_box.innerHTML = "";
clearedTextBox = 1
}
};
}
text_box.oninput = function() {
localStorage.setItem("input", text_box.innerHTML);
}
});
(有CSS,但对这个问题并不重要)
该站点是空白页面,您可以在其中键入内容,并且您的键入内容将保存在本地存储中,因此,当您重新加载或稍后打开时,您编写的所有内容都会保存。 与其存储在local.storage中,我不希望将数据存储在chrome同步中。这可能吗? 我看到有chrome.storage.sync,但它是用于扩展的。