tool hub Hab alat

JS/CSS Formatter

JS/CSS Formatter — berjalan dalam pelayar. Input tidak disimpan.

Berjalan dalam pelayar Tiada pendaftaran Percuma


Inden asas JS / CSS

Mod

Inden mudah berasaskan kurungan kurawal. Bukan penghurai tahap Prettier.

Cara guna

  1. Di mode, pilih JavaScript atau CSS.
  2. Masukkan kode satu baris atau inden rusak ke sumber.
  3. Tekan Format untuk mendapat hasil dengan baris dipecah pada kurung kurawal dan titik koma.
  4. Jika perlu, ambil dengan Salin hasil.
  5. Reset mengosongkan input/output dan mengembalikan mode ke JavaScript.

Konsep utama

Pemformat JS/CSS bukan parser bahasa seperti Prettier. Hanya mengira kedalaman kurung kurawal dan menambah inden dua spasi. Titik koma memulai baris baru; kurung tutup sejajar satu tingkat keluar. Mode JavaScript dan stylesheet dilabeli terpisah di layar tetapi berbagi peraturan inden yang sama. Membantu membuka one-liner yang diminify untuk manusia. Baris kosong dikurangi dan hanya baris isi yang dilampirkan ulang pada kedalaman, cocok untuk membuka draf padat agar ditinjau.

Kurung di dalam string atau template literal boleh disalahartikan sebagai struktur, jadi sintaks kompleks lebih stabil di pemformat khusus. Pemformat JS/CSS ini tidak membangun AST, jadi tidak menerapkan urutan import, gaya kutip, atau peraturan koma trailing. Hanya berjalan di pelayar dan tidak memuat naik sumber. Paling cocok sebagai langkah pembantu untuk membuka cuplikan yang anda minify, lalu tinjau. Keluaran format hanya mengisi medan hanya-baca, jadi anda boleh menjaga asal dan membandingkan berdampingan.

Contoh

Masukkan .box{color:red;margin:0} di sumber, mode CSS, dan Format: deklarasi dinden dua spasi pada baris setelah kurung buka, dan kurung tutup cocok dengan kedalaman asli. Dalam mode JavaScript, function a(){return 1;} menginden di dalam kurung dengan cara yang sama. Salin hasil mengambil kode yang sudah dibersihkan segera.

Berkaitan: Pengecil JS/CSS · Pemformat HTML · Pemformat SQL

Soalan lazim

Apakah pemformat JS/CSS sama dengan Prettier?

Tidak. Hanya menginden menurut posisi kurung dan titik koma. Tiada peraturan plugin atau parser per bahasa.

Apakah JavaScript dan CSS menggunakan algoritma berbeda di pemformat JS/CSS?

Hanya mode di layar yang berbeda; logika inden sama. Selektor dan fungsi sama-sama mengira kedalaman kurung dengan cara yang sama.

Apakah pemformat JS/CSS membuka kode minify satu baris?

Jika ada kurung dan titik koma, baris terpecah. Ekspresi pendek tanpa titik koma boleh tetap satu baris.

Bolehkah kurung di dalam string merusak inden pemformat JS/CSS?

Ya. Mengira kurung karakter demi karakter, jadi simbol di dalam template string boleh dianggap struktur.

Apakah sumber pemformat JS/CSS disimpan pada pelayan?

Tidak. Format dan salin hanya di pelayar. Reset mengosongkan medan.

Apa yang terjadi pada mode setelah Reset pemformat JS/CSS?

Radio JavaScript dipilih lagi dan teks sumber serta hasil keduanya dikosongkan.

JS/CSS Formatter imej muka depan

Alat berkaitan

Ujian papan kekunci

Ujian papan kekunci — berjalan dalam pelayar. Input tidak disimpan.

 Kalkulator tarikh

Kalkulator tarikh — berjalan dalam pelayar. Input tidak disimpan.

 Pengira aksara

Pengira aksara — berjalan dalam pelayar. Input tidak disimpan.

 Color Converter

Color Converter — berjalan dalam pelayar. Input tidak disimpan.

 Bmi

Bmi — berjalan dalam pelayar. Input tidak disimpan.

 Age Calculator

Age Calculator — berjalan dalam pelayar. Input tidak disimpan.
Input tidak dihantar ke pelayan dan hilang apabila halaman ditutup.

Disemak terakhir: 2026-09-04