JavaScript Beautifier

<!DOCTYPE html> 
 
 
 
 
 <html lang="en-us" dir="ltr">  
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <title>Online javascript beautifier</title> 
    <style type="text/css"> 
* {
    margin: 0;
    padding: 0;
}
.ie6 div {
    display: none
}
.ie6 #ie6-go-away {
    display: block !important;
}
img {
    border: 0;
    display: block;
    vertical-align: baseline;
}
#blurb {
    width: 260px;
    float: right;
}
#beauty {
    border-top: 1px solid #f6f6f6;
    margin-left: 5px;
    margin-right: 270px;
}
body {
    background: #eee;
}
body, button, select, label {
    font:13px/1.231 arial, sans-serif;
    *font-size:small;
}
select, label {
    font-size: 12px;
}
body, html {
    height: 100%;
    color: #333;
}
textarea {
    color: #444;
    height: 100%;
    width: 100%;
    border: 0;
}
.ie7 fieldset#textarea-wrap {
    padding: 5px 0;
}
.ie8 fieldset#textarea-wrap {
    padding: 5px 0 0 5px;
}
 
fieldset {
    border: 0;
}
ul, li {
    list-style: none;
}
a {
    color: #36d;
}
 
fieldset#textarea-wrap {
    height: auto;
    position: absolute;
    background: white;
    left: 0;
    top: 0px;
    right: 0;
    bottom: 0;
    display: block;
    margin-left: 5px;
    margin-bottom: 5px;
    margin-right: 270px;
    margin-top: 40px;
    border: 1px solid #ccc;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    padding: 5px;
}
button#submit {
    margin-top: 5px;
    height: 30px;
    line-height: 28px;
    width: 100%;
    border: 1px solid #aaa;
    border-left: 1px solid #666;
    border-top: 1px solid #666;
    background: #ccc;
    cursor: pointer;
    color: #444;
}
button#submit em {
    font-size: 11px;
    font-style: normal;
    color: #999;
}
 
label {
    cursor: pointer;
}
 
#options {
    margin-top: 5px;
    margin-bottom: 15px;
}
#options li {
    margin-bottom: 4px;
    font-size: 90%;
}
#options select {
    font:13px/1.231 arial, sans-serif;
    padding: 0 5px;
    width: 220px;
}
#tabsize {
    margin-top: 2px;
}
#brace-style {
    margin-bottom: 6px;
}
 
#blurb h2 {
    font-size: 12px;
    font-weight: bold;
    color: #555;
}
#blurb p {
    line-height: 140%;
    font-size: 11px;
    margin-right: 16px;
    margin-bottom: 11px;
}
 
#footer {
    font-size: 11px;
    line-height: 140%;
}
 
#blurb p.me-me-me {
    margin-bottom: 4px;
}
#blurb p.contributors {
    color: #666;
}
#blurb #uses li {
    font-size: 11px;
    margin-bottom: 4px;
}
#blurb #uses li.writeme {
    font-style: normal;
    color: #888;
    margin-bottom: 30px;
    line-height: 130%;
}
    </style> 
<script type="text/javascript" src="https://jsbeautifier.org/jquery/jquery.js"></script> 
<script type="text/javascript" src="https://jsbeautifier.org/jquery/jquery.cookie.js"></script> 
<script type="text/javascript" src="https://jsbeautifier.org/beautify.js" ></script> 
<script type="text/javascript" src="https://jsbeautifier.org/beautify-html.js" ></script> 
<script type="text/javascript" src="https://jsbeautifier.org/tests/sanitytest.js" ></script> 
<script type="text/javascript" src="https://jsbeautifier.org/tests/beautify-tests.js" ></script> 
<script type="text/javascript" src="https://jsbeautifier.org/unpackers/javascriptobfuscator_unpacker.js" ></script> 
<script type="text/javascript" src="https://jsbeautifier.org/unpackers/urlencode_unpacker.js" ></script> 
<script type="text/javascript" src="https://jsbeautifier.org/unpackers/p_a_c_k_e_r_unpacker.js" ></script> 
<script type="text/javascript" src="https://jsbeautifier.org/unpackers/myobfuscate_unpacker.js" ></script> 
 
<script type="text/javascript"> 
 
var the = {
    beautify_in_progress: false
}
 
function trim_leading_comments(str)
{
    // very basic. doesn't support /* ... */
    str = str.replace(/^(\s*\/\/[^\n]*\n)+/, '');
    str = str.replace(/^\s+/, '');
    return str;
}
 
function run_tests()
{
    var st = new SanityTest();
    run_beautifier_tests(st);
    JavascriptObfuscator.run_tests(st);
    P_A_C_K_E_R.run_tests(st);
    Urlencoded.run_tests(st);
    MyObfuscate.run_tests(st);
    $('#testresults').html(st.results()).show();
}
 
 
function any(a, b)
{
    return a ? a : b;
}
 
function read_settings_from_cookie()
{
    $('#tabsize').val(any($.cookie('tabsize'), '4'));
    $('#brace-style').val(any($.cookie('brace-style'), 'collapse'));
    $('#detect-packers').attr('checked', $.cookie('detect-packers') !== 'off');
    $('#preserve-newlines').attr('checked', $.cookie('preserve-newlines') !== 'off');
    $('#keep-array-indentation').attr('checked', $.cookie('keep-array-indentation') === 'on');
 
}
 
function store_settings_to_cookie()
{
    var opts = { expires: 360 };
    $.cookie('tabsize', $('#tabsize').val(), opts);
    $.cookie('brace-style', $('#brace-style').val(), opts);
    $.cookie('detect-packers', $('#detect-packers').attr('checked') ? 'on' : 'off', opts);
    $.cookie('preserve-newlines', $('#preserve-newlines').attr('checked') ? 'on' : 'off', opts);
    $.cookie('keep-array-indentation', $('#keep-array-indentation').attr('checked') ? 'on' : 'off', opts);
 
}
 
function unpacker_filter(source)
{
 
    var stripped_source = trim_leading_comments(source);
    var unpacked = '';
 
    if (P_A_C_K_E_R.detect(stripped_source)) {
        unpacked = P_A_C_K_E_R.unpack(stripped_source);
        if (unpacked !== stripped_source) {
            return unpacker_filter(unpacked);
        }
    }
 
    if (Urlencoded.detect(source)) {
        unpacked = Urlencoded.unpack(source);
        if (unpacked !== stripped_source) {
            return unpacker_filter(unpacked);
        }
    }
 
    if (JavascriptObfuscator.detect(stripped_source)) {
        unpacked = JavascriptObfuscator.unpack(stripped_source);
        if (unpacked !== stripped_source) {
            return unpacker_filter(unpacked);
        }
    }
 
    if (MyObfuscate.detect(stripped_source)) {
        unpacked = MyObfuscate.unpack(stripped_source);
        if (unpacked !== stripped_source) {
            return unpacker_filter(unpacked);
        }
    }
    return source;
}
 
 
function beautify()
{
    if (the.beautify_in_progress) return;
 
    store_settings_to_cookie();
 
    the.beautify_in_progress = true;
 
    var source = $('#source').val().replace(/^\s+/, '');
    var indent_size = $('#tabsize').val();
    var indent_char = indent_size == 1 ? '\t' : ' ';
    var preserve_newlines = $('#preserve-newlines').attr('checked');
    var keep_array_indentation = $('#keep-array-indentation').attr('checked');
    var brace_style = $('#brace-style').val();
 
    if ($('#detect-packers').attr('checked')) {
        source = unpacker_filter(source);
    }
 
    var comment_mark = '<-' + '-';
    if (source && source[0] === '<' && source.substring(0, 4) !== comment_mark) {
        $('#source').val(
            style_html(source, indent_size, indent_char, 80, brace_style)
        );
    } else {
        var v = (
            js_beautify(unpacker_filter(source), {
                indent_size: indent_size,
                indent_char: indent_char,
                preserve_newlines:preserve_newlines,
                brace_style: brace_style,
                keep_array_indentation:keep_array_indentation,
                space_after_anon_function:true})
        );
        $('#source').val(
            js_beautify(unpacker_filter(source), {
                indent_size: indent_size,
                indent_char: indent_char,
                preserve_newlines:preserve_newlines,
                brace_style: brace_style,
                keep_array_indentation:keep_array_indentation,
                space_after_anon_function:true})
        );
    }
 
    the.beautify_in_progress = false;
}
 
$(function() {
 
    if ($.browser.msie) {
        $('#source').width( $('#textarea-wrap').width() - 10)
                    .height($('#textarea-wrap').height() - 10);
    }
 
    read_settings_from_cookie();
 
    var default_text = "// This is just a sample script. Paste your real code here.\nif ('this_is'==/an_example/){of_beautifer();}else{var a=b?(c%d):e[f];}";
    $('#source').val(default_text).bind('click focus', function () {
        if ($(this).val() == default_text) {
            $(this).val('');
        }
    }).bind('blur', function () {
        if ($(this).val() == '') {
            $(this).val(default_text);
        }
 
    })
    $(window).bind('keydown', function (e) {
        if (e.ctrlKey && e.keyCode == 13) {
            beautify();
        }
    })
    $('#submit').bind('click', beautify);
    $('select').bind('change', beautify);
});
</script> 
</head> 
<body> 
    <div id="blurb"> 
      <fieldset id="options"> 
          <ul> 
          <li><select name="tabsize" id="tabsize"> 
            <option value="1">indent with a tab character</option> 
            <option value="2">indent with 2 spaces</option> 
            <option value="3">indent with 3 spaces</option> 
            <option value="4">indent with 4 spaces</option> 
            <option value="8">indent with 8 spaces</option> 
          </select></li> 
          <li><select id="brace-style"> 
            <option value="collapse">Braces with control statement</option> 
            <option value="expand">Braces on own line</option> 
            <option value="end-expand">End braces on own line</option> 
          </select></li> 
          <li><input class="checkbox" type="checkbox" id="preserve-newlines" /><label for="preserve-newlines"> Preserve empty lines?</label><br /></li> 
          <li><input class="checkbox" type="checkbox" id="detect-packers" /><label for="detect-packers"> Detect packers and obfuscators?</label><br /></li> 
          <li><input class="checkbox" type="checkbox" id="keep-array-indentation" /><label for="keep-array-indentation"> Keep array indentation?</label></li> 
          </ul> 
      </fieldset> 
 
      <p><strong>Beautify, unpack or deobfuscate javascript.</strong>.</p> 
      <p>All of the source code is available on the <a href="https://github.com/einars/js-beautify">github</a>, and we have a <a href="https://github.com/einars/js-beautify/raw/master/python/jsbeautifier.py">command-line version</a> (written in python) as well.
 
      <p>JSBeautifier is — and always will be — completely free and open, and your thanks, flattrs and donations are very heartwarming — thank you all so much!
      <div style="position: relative; height: 40px"> 
      <form style="position: absolute; left: 3px;" action="https://www.paypal.com/cgi-bin/webscr" method="post"> 
        <input type="hidden" name="cmd" value="_s-xclick"> 
        <input type="hidden" name="hosted_button_id" value="TL28UJK2ARCUJ"> 
        <input style="border:0" type="image" src="https://spicausis.lv/misc/paypal-donate.gif" name="submit" alt="PayPal - The safer, easier way to pay online!"> 
        <img alt="" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1"> 
      </form> 
      <p style="position: absolute; left: 120px; top: 1px"><a href="https://flattr.com/thing/94550/jsbeautifier-org" target="_blank"><img src="https://api.flattr.com/button/flattr-badge-large.png" alt="Flattr" /></a></p> 
      </div> 
 
      <p>Browser extensions and other uses:</p> 
      <ul id="uses"> 
      <li><strong>Chrome</strong>: <a href="https://github.com/rixth/jsbeautify-for-chrome">jsbeautify-for-chrome</a> by Tom Rix,</li> 
      <li><strong>Chrome</strong>: <a href="https://chrome.google.com/webstore/detail/piekbefgpgdecckjcpffhnacjflfoddg">Pretty Beautiful Javascript</a> by Will McSweeney,</li> 
      <li><strong>Safari</strong>: <a href="https://spadin.github.com/js-beautify-safari-extension">Safari extension</a> by Sandro Padin,</li> 
      <li><strong>Opera</strong>: <a href="https://addons.opera.com/addons/extensions/details/readable-javascript/">Readable Javascript</a> (<a href="https://github.com/Dither/readable-javascript">github</a>) by Dither,</li> 
      <li><a style="font-weight: bold" href="https://fiddler2.com/">Fiddler</a> proxy: <a href="https://fiddler2.com/Fiddler2/extensions.asp">Javascript Formatter addon</a>,
      <li><strong>gEdit</strong> <a href="https://github.com/nagaozen/gedit-tunnings/">tips by Fabio Nagao</a>,</li> 
      <li><strong>Akelpad</strong> <a href="https://akelpad.sourceforge.net/forum/viewtopic.php?p=11246#11246">extension</a> by Infocatcher.</li> 
      <li class="writeme">Doing anything interesting? Write me to einar@jsbeautifier.org and I'll include your link.</li> 
      </ul> 
 
      <div id="footer"> 
 
          <p class="me-me-me">Written by Einar Lielmanis, <a href="mailto:einar@jsbeautifier.org">einar@jsbeautifier.org</a></p> 
          <p class="contributors">with a great help of <a href="https://jason.diamond.name/weblog/">Jason&nbsp;Diamond</a>, Patrick&nbsp;Hof, Nochum&nbsp;Sossonko, Andreas&nbsp;Schneider, Dave&nbsp;Vasilevsky, <a href="https://my.opera.com/Vital/blog/">Vital&nbsp;Batmanov,</a> Ron&nbsp;Baldwin, Gabriel&nbsp;Harrison, <a href="https://shullian.com">Chris&nbsp;J.&nbsp;Shull</a> and others.
          </p> 
 
          <p style="text-align:right"> 
          <a href="#" style="color: #ccc; border-bottom: 1px dashed #ccc; text-decoration: none;" onclick="run_tests(); return false;">Run the tests</a> 
          </p> 
          <pre id="testresults"></pre> 
 
      </div> 
 
 
    </div> 
    <div id="beauty"> 
        <button id="submit"><strong>Beautify javascript</strong> <em>(ctrl-enter)</em></button> 
        <fieldset id="textarea-wrap"> 
            <textarea id="source"></textarea> 
        </fieldset> 
    </div> 
    <p id="ie6-go-away" style="display:none">IE6. You must be kidding me.</p> 
</body> 
</html>

Modified http://jsbeautifier.org/jquery/jquery.js to a secure url

Modified http://jsbeautifier.org/jquery/jquery.cookie.js to a secure url

Modified http://jsbeautifier.org/beautify.js to a secure url

Modified http://jsbeautifier.org/beautify-html.js to a secure url

Modified http://jsbeautifier.org/tests/sanitytest.js to a secure url

Modified http://jsbeautifier.org/tests/beautify-tests.js to a secure url

Modified http://jsbeautifier.org/unpackers/javascriptobfuscator_unpacker.js to a secure url

Modified http://jsbeautifier.org/unpackers/urlencode_unpacker.js to a secure url

Modified http://jsbeautifier.org/unpackers/p_a_c_k_e_r_unpacker.js to a secure url

Modified http://jsbeautifier.org/unpackers/myobfuscate_unpacker.js to a secure url

https://jsbeautifier.org/jquery/jquery.js

https://jsbeautifier.org/jquery/jquery.cookie.js