ミニプログラム
フィードバック

JavaScript整形

オンラインでJavaScriptコードをワンクリック整形

JavaScript 格式化

(function() {
var canvas, ctx, width, height, bubbles, animateHeader = true, lastTime = 0;

function initBubble() {
    canvas = document.getElementById('bubble-canvas');
    ctx = canvas.getContext('2d');
    
    resizeCanvas();
    
    bubbles = [];
    var num = width * 0.04;
    for (var i = 0; i < num; i++) {
        var c = new Bubble();
        bubbles.push(c);
    }
    animate();
}

function animate(timeStamp) {
    var abs = timeStamp - lastTime;
    if (abs > 15) {
        lastTime = timeStamp;
        
        if (animateHeader) {
            ctx.clearRect(0, 0, width, height);
            for (var i in bubbles) {
                bubbles[i].draw();
            }
        }
    }
    requestAnimationFrame(animate);
}

function resizeCanvas() {
    width = canvas.offsetWidth;
    height = canvas.offsetHeight;
    
    canvas.width = width;
    canvas.height = height;
}
window.addEventListener('resize', resizeCanvas);

function Bubble() {
    var _this = this;
    (function() {
        _this.pos = {};
        init();
    })();
    function init() {
        _this.pos.x = Math.random() * width;
        _this.pos.y = height + Math.random() * 100;
        _this.alpha = 0.2 + Math.random() * 0.3;
        _this.alpha_change = 0.0005 + Math.random() * 0.0007;
        _this.scale = 0.1 + Math.random() * 0.3;
        _this.scale_change = Math.random() * 0.001;
        _this.speed = 0.2 + Math.random() * 0.5;
    }
    
    this.draw = function() {
        if (_this.alpha <= 0) {
            init();
        }
        _this.pos.y -= _this.speed;
        _this.alpha -= _this.alpha_change;
        _this.scale += _this.scale_change;
        ctx.beginPath();
        ctx.arc(_this.pos.x, _this.pos.y, _this.scale * 10, 0, 2 * Math.PI, false);
        ctx.fillStyle = 'rgba(255,255,255,' + _this.alpha + ')';
        ctx.fill();
    }; 
}

initBubble();
})();

HTML 中的 <style>, <script> 标签内容格式化:

在代码的最后添加一空行

支持 e4x/jsx 语法

使用逗号优先的列表样式

去除代码混淆 / 解密JavaScript

保留内联大括号 / 代码块

保留数组缩进

对于链式方法，每个方法独立一行

条件前加空格 if(x) -> if (x)

解码以 \xNN、\uNNNN 形式编码的字符

开启 jslint-stricter 的严格模式（在匿名函数的括号前加空格）

缩进 <head> 和 <body> 标签

空行添加缩进

関連ツール

JS暗号/復号/圧縮

JavaScript難読化

使い方

在线格式化 JavaScript 代码，支持指定缩进方式、设置是否移除代码中的多余换行、是否超出长度自动换行、大括号换行规则等

JavaScript 相关工具：aaEncode 加密解密、jjEncode 加密解密

最近使用したツール

マイお気に入り

おすすめ

自動車VINコード検索
英大小写変換
QQ番号査定
花火シミュレーター
画像透かし

赞助商广告

ツールワについて

ツールワは、インストール不要ですぐ使える便利なオンラインツールを無料で提供するプラットフォームです。

始于 2017 年，已上线 153 个工具

カテゴリ

エンタメ
生活便利
ウェブマスター
開発
ハードウェアテスト

友情リンク

開発者ツール
Dev Tools

お問い合わせ＆フィードバック

私たちについて
ご意見・ご要望
サイトマップ

© 2026 工具哇 toolwa.com · 無料オンラインツールプラットフォーム