如何使文本区域大小在重新加载页面后保持不变？

Question

我需要制作一个可调整大小的文本区域，即使重新加载页面也能保持其大小，但它不起作用。

我尝试使用本地存储来存储一个数组内的文本区域高度和宽度，并在重新加载页面时将文本区域大小转换为存储的大小。

let initialSize = [textarea.clientHeight, textarea.clientWidth];

localStorage.setItem("storedSize", initialSize);
const storedSize = localStorage.getItem("storedSize");

if (storedSize) {
    initialSize = storedSize;
}

但它不起作用，因为在本地存储中存储数组是不可能的，我不知道为什么。

Answer 1

根据 MSDN Web Docs 上的此页面，本地存储只能将字符串存储为键->值对。要存储数组，您需要将值单独存储为单独的键->值对，或者在存储之前将数组转换为字符串。