用于在缩小和常规.js或.css之间切换的浏览器加载项

时间:2011-11-24 17:03:37

标签: javascript css firefox-addon minify

是否有一个浏览器插件(对于firefox或chrome)可以让我轻松打开一个非缩小版的脚本文件?

例如,生产网站会加载script.min.js,但通常script.js也可以在同一目录中使用。 一些css文件(style.min.css或style.css)

也是如此 .min。符号似乎使用了很多

我不是在寻找漂亮的打印机,就像这个问题一样: Is there a plugin that allows me to automatically unminify the Javascript included on a site?

但是对于会自动发现正确的未分类文件(包括评论等)的内容

无法通过谷歌找到,但也许我错过了一个?

3 个答案:

答案 0 :(得分:3)

这是bookmarklet

<a href="javascript:(function() {
  var scr=document.getElementsByTagName('script');
  var pop = [],html='';
  for (var i=0;i<scr.length;i++) {
    if (scr[i].src.indexOf('.min.js')!=-1) pop[pop.length] = scr[i].src.replace(/\.min/,'');
  }
  if (pop.length==0) html += 'No .min.js found';
  for (var i=0;i<pop.length;i++) {
    html+='<br/><a href='+pop[i]+' target=_blank>'+pop[i]+'</a>';
  }
  var div = document.createElement('div'), dst=div.style;
  dst.position='absolute';dst.top=0;dst.zIndex=9999;dst.backgroundColor='white';
  div.innerHTML=html;
  document.body.appendChild(div);
})();">unMin</a>

要激活,请将上述内容保存在带有html扩展名的文件中,将页面加载到浏览器中并将链接拖到链接栏

或者将href复制到现有书签中并重命名。

答案 1 :(得分:0)

有时候恢复“未经宣传”的文件并不是直接的,如果你将Javascript和CSS文件连接起来进行生产就会发生这种情况。

您可以做的事情是拥有一个包含原始文件的文件夹和另一个通过脚本构建的生产文件夹。这样切换模式只需在URL

中从/dev/更改为/dist/即可

答案 2 :(得分:0)

YAML Debug是一个书签,它将显示页面的所有样式表,并允许您激活/停用每个样式表(在“样式表”选项卡中)。

您可以将它与备用样式表结合使用,用作样式切换器(如(1)中所示)

<link rel="stylesheet" href="screen.min.css" type="text/css">
<link rel="alternate stylesheet" href="screen.css" type="text/css" title="Not minified">

(1)http://tantek.com/CSS/Examples/codeisfreespeech.html
转到页面然后在Fx / IE / Opera中可能是Safari和Chrome,按Alt键打开旧的普通菜单,选择显示菜单/页面样式,最后没有样式选项或当前样式或您添加的任何替代样式。

相当老派,但仍然有用:)