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

Question

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

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

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

Answer 1

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

Answer 2

唯一选择是获取html内容，将其存储在localStorage中，比方说，使用密码对其进行加密，用户应该输入密码，而不保存密码。然后当用户返回时，再次提示输入密码并解密内容。

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

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