浏览器在哪里存储用户输入数据？

Question

浏览器在哪里存储用户输入数据，如复选框选择值，文本框中的文本等？

例如，在文本框中输入一些文本后，我使用Chrome中的 inspect元素进行了检查，但是在那里看不到输入的值。它也不在页面上的 view source 中。它是在浏览器缓存中吗？

Answer 1

它们存储在DOM中。 HTML被解析并存储为数据。这些数据将呈现在我们在浏览器中看到的内容中。可以使用Javascript以及通过与网站的交互（即复选框，输入文本）来访问和更改此数据。

为什么你没有看到变化

• 查看源代码显示发送到浏览器的原始代码。它不显示对页面所做的任何更改。
• 缓存存储您已从服务器下载的文件（图像，js，css，html）。下次下载这些文件时，浏览器可以使用已下载的文件并保存到缓存中，而不是再次下载。这更快，更有效。由于与查看源相同的原因，您不会在此处看到更改。
• 在Chrome中检查元素也不会显示更改。这是因为DOM更改后无法更新其检查器。在我看来，这是他们的一个错误，但出于性能原因可能是必需的。

如何看待变化

在浏览器中打开一个控制台（大多数内置一个控制台）并输入document.getElementById("id-of-input").value，您将看到打印出来的值。

您应该注意，您使用value和checked复选框。