【问题标题】:How to unminify the js files?如何取消压缩js文件?
【发布时间】:2018-10-13 16:47:22
【问题描述】:

如何取消从 webpack 工具中缩小的 js 文件。

在缩小之前,

function autoslideSlider() {
  $('.next-slide').trigger('click');
}
$(window).on('load', function(){
  $('.preloader').fadeOut('fast');
     $('#after_load').addClass('show');
     setInterval(autoslideSlider, 8000);
});
$('a').on('click', function () {
    if (location.pathname.replace(/^\//, '') === this.pathname.replace(/^\//, '') && location.hostname === this.hostname) {
        var $target = $(this.hash);
        $target = $target.length && $target;
        // $('[name=' + this.hash.slice(1) + ']');
        if ($target.length) {
            var targetOffset = $target.offset().top - 20;
            $('html,body').animate({
                scrollTop: targetOffset
            }, 1500);
            return false;
        }
    }
});

缩小后,

!function(e){var t={};function n(o){if(t[o])return t[o].exports;var r=t[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:o})},n.r=function(e){Object.defineProperty(e,"__esModule",{value:!0})},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=0)}([function(e,t){function n(){$(".next-slide").trigger("click")}$(window).on("load",function(){$(".preloader").fadeOut("fast"),$("#after_load").addClass("show"),setInterval(n,8e3)}),$("a").on("click",function(){if(location.pathname.replace(/^\//,"")===this.pathname.replace(/^\//,"")&&location.hostname===this.hostname){var e=$(this.hash);if((e=e.length&&e).length){var t=e.offset().top-20;return $("html,body").animate({scrollTop:t},1500),!1}}})}]);

如何将上面的js文件解压缩?

我想要将缩小后的 js 文件恢复为原始格式。

谁能告诉我unminify js文件的工具或方法?

谢谢。

【问题讨论】:

  • 搜索“beautify javascript”,但无法恢复到原来的版本。任何更改或混淆的内容(变量名、函数名等)都将保持原样。
  • 如果你有源映射,你可以看到更多有意义的变量名。使用 chrome 开发工具。
  • @AliKazemkhanloo 谢谢,我会检查
  • 试试jsnice.org,它使用统计变量名称并减少混淆。

标签: javascript jquery webpack minify unminify


【解决方案1】:

源地图是您想要的。在制作一个缩小的js文件的过程中,你也应该得到一个source-map文件(这取决于你使用什么工具来缩小)。

然后使用source-map库可以恢复原始文件。

如果source-map 文件确实包含缩小的源,则此文件足以取消缩小。否则,您必须手动告诉库缩小的源代码。

更多信息,请访问图书馆的 Github 页面。

【讨论】:

    【解决方案2】:

    您无法取消缩小文件。缩小是一种破坏性操作,涉及信息丢失。

    例如,如果您有一个具有描述性名称的函数,则在缩小该名称后,该名称将被替换为无意义的名称。此操作无法返回。

    您可以使用beautifier 使其更具可读性,但您需要进行大量的逆向工程才能理解代码的含义。

    【讨论】:

    • 非常感谢。现在我得到了
    • unminifying 可能会发生,并且在您没有源代码时尝试调试缩小的 Javascript 代码时通常很有用。仅仅因为它不是最佳的并不意味着它不能完成。
    猜你喜欢
    • 1970-01-01
    • 2011-09-18
    • 1970-01-01
    • 1970-01-01
    • 2015-05-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多