使用JavaScript保护html页面上的元素数据

我有一个客户端web应用程序，允许用户锁定屏幕，而无需从应用程序注销，此操作只是隐藏屏幕上的元素并显示锁定屏幕

显然，当我检查页面上的元素时，我仍然可以看到页面上的元素及其数据

---

从html中隐藏元素的最佳解决方案是什么？将html存储在javascript参数上并从页面中删除html将是解决此问题的好方法？我只是在想，他们似乎不是一个安全的解决方案，在html中隐藏数据

如果您的锁是出于安全原因，那么最好实现服务器端锁并将用户移动到另一个页面（保存页面状态并在之后恢复）。使用JS处理标记更为复杂，每个人都可以通过使用调试工具禁用或执行一些内联JS来愚弄您的逻辑。

唯一的选项是获取html内容，将其存储在本地存储中，例如使用密码加密，用户应该输入密码，而不保存密码。然后，当用户返回时，再次提示输入密码并解密内容

不过，带有注销/登录的服务器端解决方案应该更简单

---

无论如何，您需要识别用户，以保护您的应用程序不被他人未经授权的使用。

不会，因为您仍然可以通过控制台访问javascript变量。最好的解决方案是将html发送到后端，存储在那里，将其从网页中删除，然后从后端请求html（通过ajax或类似方式）将其显示回来