隐藏HTML网站中的内容,而不向前台用户透露



我的网站是HTML,Js,Jquery。它没有任何语言可以运行。现在我想使用 API 调用和 cookie 基于登录来集成访问级别。如果设置了cookie,则允许使用HTML和CSS访问某些页面。

私有 HTML 页面包含登录后应可访问的私有数据,并且 API 调用将检查登录凭据是否成功。

如果某些用户将获得私人页面链接并尝试通过直接命中访问它,则它应该不起作用并重定向到登录页面,而不会使用页面视图源和检查元素披露内容。

我尝试了以下解决方案: 1( 将 window.load(( 函数与具有默认正文内容显示的重定向代码一起使用 无,但它在视图源中披露内容

2(我使用了带有ng-show和ng-hide概念的angularjs,但对于HTML页面,它在检查器中隐藏内容,但在视图页面源代码中显示内容。

角度 Js:

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<body ng-app="">
Show HTML: <input type="checkbox" ng-model="myVar">
<div ng-show="myVar">
<h1>Welcome</h1>
<p>Welcome to my home.</p>
</div>
</body>
</html>

在这种情况下,我想将整个内容隐藏给前面的用户,而视图页面源代码中也不可用。任何人都可以知道如何使用JS或任何其他Js库解决方案对HTML页面执行此操作?

David 在他的评论中是正确的,如果用户根本不应该访问数据,则客户端不应检索它。如果您只是想将内容排除在检查器和页面之外,则可以使用 ng-if 而不是 ng-show。

最新更新