javascript - 查看源码中添加Js不起作用

Question

我需要什么

• 我需要在查看源代码中隐藏js代码js代码

      function unloadJS(scriptName) {
      var head = document.getElementsByTagName('head').item(0);
      var js = document.getElementById(scriptName);
      js.parentNode.removeChild(js);
      }
  
      function unloadAllJS() {
      var jsArray = new Array();
      jsArray = document.getElementsByTagName('script');
      for (i = 0; i < jsArray.length; i++){
      if (jsArray[i].id){
      unloadJS(jsArray[i].id)
      }else{
      jsArray[i].parentNode.removeChild(jsArray[i]);
      }
      }       
      }
  
  
          var page_count = {{count()}};
          if (page_count == 4)
          {
          dataLayer.push({'event':'mobilePromo-android'});
          }
      $(document).ready(function()
      {
          var page_count = {{count()}};
          var height= $(window).height();
          if (page_count == 4 )
          {
  
              $.ajax({
                  type: "GET",
                  url: "http://times.com/mobilepopuptracker?from=android", 
  
              });
  
              $('body').html('<div class="row flush aligncenter popbx" style="height:'+height+'px"><div class="12u">');               
  
          }
          else
          {
  
          }
  
  
      });
          function redirect()
          {
  
                var a=$(location).attr('href');
                 window.location.href=a;
          }
  
      </script>
  

  问题

  • 我需要在查看源代码中隐藏js代码。

调试

• 我已在 http://www.sitepoint.com/hide-jquery-source-code/ 上重新引用了查找解决方案的链接.

• 尽管代码仍然可以查看。

• 欢迎提出任何建议。

• 虽然我们知道我们无法停止在查看源代码中查看js，但仍然必须有一些技巧。

Answer 1

使用在线Google Closure Compiler service ，它会通过重命名变量和函数名称等操作使您的代码几乎不可读。例如:

原始 JS

function toggleDisplay(el){
    if (!el) return;
    el.style.display = (el.style.display==='none') ? 'block' : 'none';
}

关闭已编译

function toggleDisplay(a){a&&(a.style.display="none"===a.style.display?"block":"none")};

JavaScript 美化

function toggleDisplay(a){
    a&&(a.style.display="none"===a.style.display?"block":"none")
};

这样做还可以减少脚本的大小，有助于缩短网页的加载时间。

您仍然可以阅读该脚本，但它更难理解，并且在使用 JavaScript 闭包等内容时可能会变得非常复杂。