Pemformat JS/CSS

Free

Memformat semula JavaScript atau CSS yang diminify atau beriinden tidak konsisten kepada kod yang mudah dibaca dan beriinden betul, dengan gaya inden yang boleh diselaraskan dan statistik saiz sebelum/selepas.

Input

Inden

Output yang diformat

Mengenai alat ini

Memformat semula JavaScript atau CSS yang diminify atau beriinden tidak konsisten kepada kod yang mudah dibaca dan beriinden betul.
Tidak melakukan minify. Untuk mengecilkan saiz kod, gunakan alat minify khusus.

Aktiviti Terkini

Kelihatan kepada semua orang. 20 penggunaan terakhir merentasi semua pelawat, terbaharu dahulu.

Formatted 52 characters of JavaScript

1 jam yang lepas

Formatted 51 characters of CSS

1 jam yang lepas

Formatted 52 characters of JavaScript

1 jam yang lepas

Komen (0)

Dapati alat ini berguna? Tinggalkan komen, kongsi petua, atau beritahu kami bagaimana kami boleh menjadikannya lebih baik.

Belum ada komen. Jadi yang pertama berkongsi pendapat anda!

Apa alat ini buat

Tampal JavaScript atau CSS yang diminify atau beriinden tidak kemas, pilih gaya inden, dan alat ini akan memformat semula kepada kod yang mudah dibaca dengan inden dan pemisah baris yang konsisten.

Bagaimana Ia Berfungsi

Alat ini menghuraikan kod anda kepada token (kata kunci, kurungan, operator, rentetan), kemudian mencetak semula token tersebut dengan pemisah baris dan inden baharu berdasarkan kedalaman bersarang, menggunakan enjin sumber terbuka js-beautify untuk JavaScript dan CSS masing-masing. Token asas dan susunannya tidak pernah diubah, hanya ruang kosong di sekelilingnya yang berubah.

Masalah ia selesaikan

Menjadikan fail JS atau CSS satu baris yang diminify boleh dibaca semula untuk tujuan nyahpepijat atau semakan.
Menyeragamkan inden yang tidak konsisten (campuran tab dan ruang, lebar tidak konsisten) dalam satu fail.
Memeriksa dengan pantas kod pihak ketiga atau vendor yang dihantar dalam bentuk diminify.
Menukar antara inden 2 ruang, 4 ruang dan tab untuk sepadan dengan panduan gaya projek.

Soalan lazim

›Adakah alat ini juga melakukan minify kod?

Tidak, alat ini hanya memformat (mencantikkan) kod dengan menambah inden dan pemisah baris yang betul. Jika anda perlu mengecilkan saiz kod dengan membuang ruang kosong, gunakan alat minify khusus sebaliknya.

›Adakah pemformatan akan mengubah cara kod saya berfungsi?

Tidak. Pemformatan hanya mengubah ruang kosong, inden dan pemisah baris. Ia tidak sekali-kali mengubah pengecam, logik atau kandungan rentetan, jadi kod yang diformat berfungsi sama seperti versi asal.

›Mengapa JavaScript saya kelihatan salah selepas diformat?

Jika input mempunyai ralat sintaks (kurungan yang tidak ditutup, koma yang tersasar, JSON tidak sah digunakan sebagai JS, dan sebagainya), alat pemformat mungkin tersilap membaca struktur. Semak konsol pelayar atau linter JavaScript untuk mengetahui isu sintaks yang tepat, betulkan, dan format semula.

›Bolehkah saya memformat SCSS atau LESS dengan ini?

Sintaks asas SCSS dan LESS (bersarang, pemboleh ubah, komen) umumnya diformat dengan baik kerana ia masih serupa CSS, tetapi ciri khusus prapemproses seperti mixin atau fungsi tidak difahami secara khusus dan mungkin diformat semula secara tidak sempurna.

›Mengapa memilih tab berbanding ruang untuk inden?

Ini semata-mata pilihan gaya, kedua-duanya adalah serupa secara fungsi dalam JavaScript dan CSS. Pilih yang sepadan dengan panduan gaya projek anda yang sedia ada atau konfigurasi editor anda.

Kira hash BLAKE2b teks atau fail dalam pelayar anda, dengan panjang output boleh laras dan hashing berkunci pilihan (MAC).