Pemformat & Pemerkecil Kode

Apa itu Pemformat & Pemerkecil Kode?

Pemformat dan pemerkecil kode daring gratis yang mempercantik atau memperkecil HTML, CSS, dan JavaScript tanpa pernah meninggalkan browser Anda. Pilih bahasanya, lalu pilih Percantik untuk mengindentasi ulang kode yang berantakan atau satu baris dengan indentasi 2 spasi, 4 spasi, atau tab, atau Perkecil untuk mengompresnya. Mempercantik ditenagai oleh js-beautify; pemerkecilan JavaScript menggunakan Terser untuk memendekkan nama dan menyusutkan ukuran, sedangkan CSS dan HTML dipadatkan dengan menghapus komentar dan menggabungkan spasi yang berlebihan. Pengembang web menggunakannya untuk merapikan kode pihak ketiga yang diperkecil agar mudah dibaca, menyusutkan lembar gaya dan skrip sebelum penerapan, serta membersihkan potongan kode yang ditempel dari keluaran build.

Cara menggunakan Pemformat & Pemerkecil Kode

1. Pilih bahasa sumber Anda: HTML, CSS, atau JS.
2. Pilih tindakan: Percantik untuk merapikan, atau Perkecil untuk mengompres.
3. Untuk Percantik, pilih indentasi: 2 spasi, 4 spasi, atau Tab.
4. Tempel atau ketik kode Anda di kotak Masukan - keluaran diperbarui secara otomatis.
5. Gunakan tombol Salin untuk mengambil hasilnya, atau klik Bersihkan untuk mengosongkan masukan dan memulai ulang.

Contoh

a{color:red;font-weight:bold}

a {
  color: red;
  font-weight: bold
}

function add(first, second) {
  return first + second;
}

function add(n,d){return n+d}

<ul>
  <li>One</li>
  <li>Two</li>
</ul>

<ul><li>One</li><li>Two</li></ul>

Pertanyaan yang sering diajukan

Apakah kode saya diunggah ke server?

Tidak. Mempercantik dan memperkecil semuanya berlangsung secara lokal di browser Anda - js-beautify dan Terser dimuat sebagai skrip dan berjalan di perangkat Anda. Kode Anda tidak pernah meninggalkan mesin Anda, dan alat ini tetap bekerja secara luring.

Bahasa dan tindakan apa saja yang didukung?

Tiga bahasa - HTML, CSS, dan JavaScript - masing-masing dengan dua tindakan: Percantik (merapikan dengan indentasi pilihan Anda) dan Perkecil (mengompres). JavaScript diperkecil dengan Terser, sedangkan CSS dan HTML dipadatkan dengan menghapus komentar dan menggabungkan spasi.

Indentasi apa yang bisa saya pilih?

Saat mempercantik, Anda dapat mengindentasi ulang dengan 2 spasi, 4 spasi, atau karakter Tab. Indentasi hanya berlaku untuk Percantik; Perkecil menghapus spasi dan mengabaikan pengaturan ini.

Mengapa memperkecil JavaScript saya menampilkan kesalahan?

Terser mengurai JavaScript Anda sebelum memperkecilnya, sehingga kesalahan sintaksis menghentikannya dan pesannya ditampilkan di atas keluaran. Perbaiki titik yang dilaporkan - sering kali kurung, string yang tidak ditutup, atau token nyasar - dan hasilnya akan dibangun ulang secara otomatis.

Apakah keluaran diperbarui dengan sendirinya?

Ya. Hasilnya dibangun ulang setiap kali Anda mengubah masukan, bahasa, tindakan, atau indentasi, jadi Anda tidak perlu menekan tombol untuk memformat - cukup salin keluaran saat sudah terlihat pas.