2017-01-31 42 views
1

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

enter image description here

,我们已包括资产,我无法找到/ CSS /自定义/资产的CSS/JS /自定义/ .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> 
+0

阅读关于代码缩小的代码 –

+0

'<! - 使用lazyload以编程方式加载我们的依赖关系 - >' - 这里没有任何东西是“隐藏的”,这些资源只是通过该评论后面的脚本动态添加的。 – CBroe

+0

谢谢@cBroe我正在谈论assets/css/custom/landing.css和assets/js/custom/landing.js。我无法理解这些js和css文件是如何包含在index.html中的 – romir

回答

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的网络选项卡)。 上面的代码中的文件可能包含有关它如何适用于您的项目的信息。

+0

谢谢@schrej回答css和js提及是在lazyload中,并且它已被动态加载。 – romir

相关问题