JS美化脚本

jsntghf

浏览: 2480806 次
性别:
来自: 苏州

最近访客更多访客>>

samhunglv

loginboot

yongjiucui

diabloaaa

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

Web前端

脚本 JavaScript C C++C#

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>javascript beautifier</title>
    <script type="text/javascript">
      function add_onload_function(fn)
      {
        var oe=window.onload;
        window.onload = function() { if (oe) oe(); fn(); }
      }
      add_onload_function(function() {
        var tabsize = get_var('tabsize');
        var braces_on_own_line = get_var('braces');
        var c;
        if (tabsize) {
          document.getElementById('tabsize').value = tabsize;
        }
        if (braces_on_own_line) {
          document.getElementById('braces-on-own-line').checked = 'checked';
        }
        if (get_var('test')) {
          run_tests();
        } else {
          c = document.forms[0].content;
          c && c.setSelectionRange && c.setSelectionRange(0, 0);
          c && c.focus && c.focus();
        }
      });

      function trim_leading_comments(str)
      {
        str = str.replace(/^(\s*\/\/[^\n]*\n)+/, '');
        str = str.replace(/^\s+/, '');
        return str;
      }

      function unpacker_filter(source)
      {
        if (document.getElementById('detect-packers').checked) {
          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 (EscapedBookmarklet.detect(source)) {
            unpacked = EscapedBookmarklet.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);
            }
          }
        }
        return source;
      }

      function do_js_beautify()
      {
        document.getElementById('beautify').disabled = true;
        var js_source = document.getElementById('content').value.replace(/^\s+/, '');
        var indent_size = document.getElementById('tabsize').value;
        var indent_char = ' ';
        var preserve_newlines = document.getElementById('preserve-newlines').checked;
        var keep_array_indentation = document.getElementById('keep-array-indentation').checked;
        var braces_on_own_line = document.getElementById('braces-on-own-line').checked;
        if (indent_size == 1) {
          indent_char = '\t';
        }
        if (js_source && js_source[0] === '<' && js_source.substring(0, 4) !== '<!--') {
          document.getElementById('content').value = style_html(js_source, indent_size, indent_char, 80);
        } else {
          document.getElementById('content').value =
            js_beautify(unpacker_filter(js_source), {
            indent_size: indent_size,
            indent_char: indent_char,
            preserve_newlines:preserve_newlines,
            braces_on_own_line: braces_on_own_line,
            keep_array_indentation:keep_array_indentation,
            space_after_anon_function:true});
        }
        document.getElementById('beautify').disabled = false;
        return false;
      }

      function get_var( name )
      {
        var res = new RegExp( "[\\?&]" + name + "=([^&#]*)" ).exec( window.location.href );
        return res ? res[1] : "";
      }

      function run_tests()
      {
        var st = new SanityTest();
        run_beautifier_tests(st);
        JavascriptObfuscator.run_tests(st);
        P_A_C_K_E_R.run_tests(st);
        EscapedBookmarklet.run_tests(st);
        document.getElementById('testresults').style.display='block';
        document.getElementById('testresults').innerHTML=st.results();
      }
    </script>
    <script type="text/javascript" src="js/beautify.js" ></script>
    <script type="text/javascript" src="js/beautify-html.js" ></script>
    <script type="text/javascript" src="js/sanitytest.js" ></script>
    <script type="text/javascript" src="js/beautify-tests.js" ></script>
    <script type="text/javascript" src="js/javascriptobfuscator_unpacker.js" ></script>
    <script type="text/javascript" src="js/bookmarklet_unpacker.js" ></script>
    <script type="text/javascript" src="js/p_a_c_k_e_r_unpacker.js" ></script>

    <style type="text/css">
      * { 
        margin: 0;
        padding: 0;
      }

      div#wrap {
        padding: 0 15px;
      }

      form { 
        margin: 0 0 20px 0;
      }

      textarea { 
        width: 100%; 
        height: 220px; 
        border: 0;
      }

      h1 { 
        font-family: "trebuchet ms", arial, sans-serif; 
        font-weight: normal; 
        font-size: 28px;
        color: #666; 
        margin: 10px 10px 15px 10px;
        border-bottom: 1px solid #666; 
      }

      a {
        color: #36d;
      }

      select { 
        width: 190px;
      }

      button { 
        width: 100%; 
        padding: 3px 5px;
        cursor: pointer;
        bordeR: 1px solid #ccc;
        border-bottom: 1px solid #999;
        border-right: 1px solid #999;
        margin-top: 2px;
        background-color: #eee;
      }

      body {
        font: 14px "myriad web", verdana, arial, helvetica, sans-serif; 
      }

      body, label, button, select { 
        font-family: "myriad web", verdana, arial, helvetica, sans-serif; 
      }

      h2 {
        color: #555;
        margin: 18px 0 4px 0;
        font-size: 14px;
      }

      fieldset {
        border: 0;
        padding: 0;
      }

      fieldset#textarea div {
        border: 1px solid #ccc;
        padding: 3px;
      }

      fieldset#options {
        width: 200px;
        margin-left: 10px;
        float: right;
      }

      fieldset#options h2 {
        margin-top: 0;
      }

      fieldset ul {
        list-style: none;
      }

      fieldset li {
        margin-bottom: 6px;
      }

      fieldset#textarea {
        text-align: right;

      }
    </style>
  </head>
  <body>
    <div id="wrap">
      <h1>Javascript unpacker and beautifier</h1>
      <form method="post" action="?">
        <fieldset id="options">
          <h2>Options</h2>
          <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" selected="selected">indent with 4 spaces</option>
                <option value="8">indent with 8 spaces</option>
              </select></li>
            <li><input type="checkbox" id="braces-on-own-line" /><label for="braces-on-own-line"> Braces on own line</label><br /></li>
            <li><input type="checkbox" id="preserve-newlines" checked="checked" /><label for="preserve-newlines"> Preserve empty lines?</label><br /></li>
            <li><input type="checkbox" id="detect-packers" checked="checked" /><label for="detect-packers"> Detect packers?</label><br /></li>
            <li><input type="checkbox" id="keep-array-indentation" /><label for="keep-array-indentation"> Keep array indentation?</label></li>
          </ul>
        </fieldset>
        <fieldset id="textarea">
          <div><textarea rows="30" cols="30" name="content" id="content">
if('this_is'==/an_example/){do_something();}else{var a=b?(c%d):e[f];}
            </textarea></div>
          <button onclick="return do_js_beautify()" id="beautify">Beautify</button>
        </fieldset>
      </form>
    </div>
  </body>
</html>

示例图：

js_beautifier.rar (21 KB)
下载次数: 15

分享到：

undefined method `length' for Enumerable | 图片展示效果（三）

2010-12-02 12:04
浏览 1905
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

JS美化脚本

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

JS美化脚本

评论

发表评论

相关推荐

密码输入延迟屏蔽

日历控件

渐变打分条

滚动新闻

网页配色

圆角文本框的实现

javascript加载xml，在chrome下失败的解决办法

可输入文本的下拉框

二级树形菜单

不规则菜单

二级树形菜单

随机显示图片

滚动字幕效果

美化select

无图片圆角

设置滚动条的颜色

CSS细线表格

分页效果

FormTools

表单当前行高亮的实现

最近访客更多访客>>