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

Browser 浏览器在哪里存储用户输入数据?,browser,browser-cache,Browser,Browser Cache,浏览器在哪里存储用户输入数据,如复选框选择值、文本框中的文本等 例如,在文本框中输入一些文本后,我使用Chrome中的inspect元素进行了检查,但没有看到输入的值。它也不在页面的“源”视图中。它在浏览器缓存中吗 它们存储在数据库中。HTML被解析并存储为数据。这些数据被渲染成我们在浏览器中看到的内容。可以使用Javascript以及通过与网站的交互(即复选框、输入文本)访问和更改这些数据 为什么你看不到这些变化 “查看源代码”显示发送到浏览器的原始代码。它不显示对页面所做的任何更改 缓存存

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

例如,在文本框中输入一些文本后,我使用Chrome中的inspect元素进行了检查,但没有看到输入的值。它也不在页面的“源”视图中。它在浏览器缓存中吗

它们存储在数据库中。HTML被解析并存储为数据。这些数据被渲染成我们在浏览器中看到的内容。可以使用Javascript以及通过与网站的交互(即复选框、输入文本)访问和更改这些数据

为什么你看不到这些变化

  • “查看源代码”显示发送到浏览器的原始代码。它不显示对页面所做的任何更改
  • 缓存存储您已经从服务器下载的文件(图像、js、css、html)。下次下载这些文件时,浏览器可以使用已下载并保存到缓存中的文件,而不是再次下载。这是更快更有效的。您将不会看到此处反映的更改,原因与查看源代码相同
  • 铬合金中的检查元件也未显示变化。这是因为当DOM发生更改时,他们无法更新其检查器。在我看来,这是他们的一个缺陷,但出于性能原因,可能需要这样做
如何查看更改

在浏览器中打开一个控制台(大多数都有内置控制台),然后键入
document.getElementById(“输入id”)。value
您将看到打印出来的值


您应该注意,您使用
value
checked
作为复选框

谢谢,所以我可以在firefox中查看inspect元素选项中的值?我没有安装firefox来检查所有浏览器是否都有DOM,我只是使用了Mozilla的文档,因为它很方便。我已经更新了我的答案,以便更好地解释,但是您可能应该阅读更多关于DOM的内容,以便更好地理解我的答案。