检测 javascript 是否使用 Javascript 中的 YIU 压缩器进行压缩

Question

我做了一个延迟加载 javascript 的构造，以加快页面加载速度。为了部署网站，我使用 YIU 压缩器来最小化脚本，同时也是为了提高速度。脚本将有两种版本，一种是压缩版本，另一种是原始版本。例如：example-min.js 和 example.js。有些 javascript 仅在功能出现时才会加载，有时需要更多脚本（插件想法）。

不管怎样，我想知道（如果需要其他js文件）“主机”js文件是否被压缩，所以当它被压缩时，它会加载js文件的缩小版本。如果没有（在开发时），它将加载原始文件。

例如：

function myObject()
{
var o = this;

o.isJsMinified = function()
{ s =  o.isJsMinified.toString(),ss='s=  '; 
  return (s.indexOf(ss+'o.is')<0);
};

o.require = function( s, delay, baSync, fCallback ) // add script to dom
{
 var oo = document.createElement('script'),
 oHead = document.getElementsByTagName('head')[0],
 f = (typeof fCallback == 'function')?fCallback:function(){};
 if( !oHead )
  { return false; }
 oo.onload = function() {oo.id='loaded'; f(oo); };
 oo.type = 'text/javascript';
 oo.async = (typeof baSync == 'boolean')?baSync:false;
 oo.src = s;
 setTimeout( function() { oHead.appendChild(oo); }, (typeof delay != 'number')?delay:1 );  
 return true;
};

.....
.....

if( <new functionality found> )
{
  if( o.isJsMinified() )
   { o.require('new-min.js',800); }
  else { o.require('new.js',800); }
}

.....
.....

}

当您查看 jsIsMinified() 函数时，我使用一个技巧来检测函数本身（源）是否从空格中删除（缩小版本）。但是，Firefox 有一个问题，它不会返回原始格式，因此无法检测到任何差异。

例如： // 由 YUI 压缩器压缩：

o.isJsMinified=function(){s=o.isJsMinified.toString(),ss='s=  ';return (s.indexOf(ss+'o.is')<0);};

Firefox 将显示：

function () {
    s = o.isJsMinified.toString(), ss = "s= ";
    return s.indexOf(ss + "o.is") < 0;
}

该函数在 Firefox 中失败，它总是“说”它没有被压缩。有人知道这个问题的解决方法吗？

Answer 1

我真的认为你把事情搞得太复杂了。哇哦，为什么不在服务器上创建两个文件夹，例如 js/product 和 js/debug。您的 JavaScript 文件中可能有一个标志，可以指示它是否有效或调试。想一想

if( window.DEBUG ) {
    o.require('/js/debug/new.js',800);
}
else {
    o.require('/js/production/new.js',800);
}

，那些文件夹也是不必要的。您可以只区分 .min 与否。您真正需要做的唯一一件事就是在代码中设置一个全局 DEBUG 变量。

Answer 2

HTTP 标头将指定是否请求并启用压缩，但是没有简单的方法来读取它们 因此您可能需要一个特殊的 Firefox 扩展来进行开发。

也许进行更改的正确位置是在服务器中，如果给出了某个标头（并且请求者 IP 地址是本地的），则发送未缩小的脚本。