如何隐藏网站资产,如js和css文件?

时间:2017-01-31 15:19:30

标签: javascript html css angularjs

我遇到了以下index.html页面,其中我没有找到任何自定义资源,例如js和css文件。资产路径如下

enter image description here

我无法找到资产/ css / custom / .css assets / js / custom / .js文件的位置。

有没有办法从html代码隐藏这些css和js文件?

<!DOCTYPE html>
<html ng-app="App">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Where passion meets potential</title>
</head>

    <body>
        <!-- start of loading jquery -->
        <script src="assets/js/vendor/jquery/jquery.min.js"></script>
        <script src="assets/js/vendor/lazyload/lazyload.js"></script>
        <!-- Loading angular and angular route via CDN -->
        <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
        <script src="//cdn.firebase.com/js/client/2.2.4/firebase.js"></script>
        <script src="//cdn.firebase.com/libs/angularfire/1.2.0/angularfire.min.js"></script>
        <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular-route.js"></script>
        <script src="//cdnjs.cloudflare.com/ajax/libs/ngStorage/0.3.6/ngStorage.min.js"></script>
        <script src="//cdnjs.cloudflare.com/ajax/libs/angular-filter/0.5.8/angular-filter.min.js"></script>

        <!-- Loading Angular Controller -->
        <script src="controller.js"></script>

        <!-- using lazyload to load our dependencies programatically -->
        <script src="assets/js/vendor/lazyload/application-css.js"></script>
        <script src="assets/js/vendor/lazyload/application-js.js"></script>

        <!-- Main Content -->
        <div id="main">
            <!-- angular template injection-->
            <div ng-view></div>
        </div>
        <!-- END Content -->

    </body>
</html>

1 个答案:

答案 0 :(得分:2)

请阅读评论。一个名为lazyload的库用于加载所有依赖项,可能来自您命名的文件夹。

<!-- using lazyload to load our dependencies programatically -->
<script src="assets/js/vendor/lazyload/application-css.js"></script>
<script src="assets/js/vendor/lazyload/application-js.js"></script>

我不知道它是如何工作的,但我认为它会将延迟加载的文件添加到DOM。客户端总是能够以某种方式找到这些资源(例如chrome devtools的网络选项卡)。 上面代码中的文件可能包含有关它如何适用于您的项目的信息。