Developer sering kali mengecilkan kode web mereka untuk performa yang lebih baik karena minifikasi mengurangi ukuran file. Terkadang Anda ingin mengedit kembali kode yang telah diperkecil. Sangat sulit untuk mengedit kode yang diperkecil. Agar kode yang diperkecil terformat dengan lebih baik dan mudah diedit, kami menggunakan code beautifier atau Unminifier. Ada banyak editor dan IDE serta alat online yang tersedia yang dapat dengan mudah memformat kode Anda
Dalam posting ini, kami telah membuat daftar alat terbaik yang tersedia untuk menghilangkan atau mempercantik kode Anda. Di beberapa alat, Anda juga dapat menambahkan opsi pemformatan seperti lekukan, spasi, dan jeda baris. Alat ini dapat menghapus baris kode CSS yang tidak terbatas. Anda juga bisa mengomentari kecantikan terbaik Anda di bagian komentar di akhir postingan
Daftar isi
Alat daring
Di bawah ini adalah daftar fitur online yang dapat Anda gunakan untuk mempercantik atau menghapus kode CSS Anda
Batalkan pengecilan
Unminify adalah alat online gratis untuk unminify [unpack, deobfuscate] kode JavaScript, CSS dan HTML, membuatnya mudah dibaca dan cantik. Ini adalah alat yang sangat sederhana. Cukup tempel kode CSS Anda dan klik tombol UNMINIFY
untuk memformat kode Anda
Unduh
Penghapusan
Alat Unminifier akan unminify, deobfuscate, mempercantik dan memformat kode HTML, XML, CSS dan JS yang jelek agar dapat dibaca lagi. Ini adalah alat yang sangat hebat untuk memperkecil kode HTML, XML, CSS, dan JS. Cukup tempel kode Anda dan klik tombol unminify
untuk menghapus kode Anda
Unduh
Bersihkan CSS
Alat CSS bersih memungkinkan Anda untuk memformat kode CSS Anda. Anda juga dapat memuat file CSS atau menambahkan URL ke kode CSS dan alat ini akan mempercantiknya
Unduh
Pemformat Gratis
Alat ini memungkinkan Anda memformat file CSS dengan tingkat indentasi yang dipilih untuk keterbacaan yang optimal. Ini mendukung 4 tingkat lekukan. 2 spasi, 3 spasi, 4 spasi, dan tab. Anda juga dapat mengunggah file CSS untuk mempercantik dan format yang lebih baik
Unduh
Penghias Kode
Code Beautifier adalah pemformat dan pengoptimal CSS berdasarkan csstidy 1. 3. Itu muncul dengan banyak penyesuaian yang dapat Anda gunakan untuk memformat kode CSS Anda seperti yang Anda inginkan
Unduh
Pemisah CSS Online
Alat online sederhana untuk unminify CSS. Ini adalah alat pengecilan sederhana yang juga memungkinkan Anda menentukan lebar tab
Unduh
Pembongkar CSS
CSS Unpacker memungkinkan Anda membongkar file CSS agar lebih mudah dibaca
Unduh
Alat Minify/Unminify CSS Online
Ini adalah alat sederhana untuk mengoptimalkan dan membersihkan kode CSS Anda dan menghapus karakter yang tidak perlu dari file untuk mengurangi ukurannya. Anda dapat mengecilkan dan menghapus kode CSS Anda menggunakan alat hebat ini
Unduh
CSS Minifiers Online – Penghapusan CSS
Alat CSS Minifier online – unminify – beautify/format sederhana. Cukup tempel kode CSS Anda ke dalam kotak dan tekan tombolnya. Itu saja
Unduh
Pemisah CSS
CSS Unminifier dan beautifier sederhana untuk membuat CSS mudah dibaca dan di-debug
Unduh
Software
Di bawah ini adalah daftar editor kode, IDE atau ekstensi yang memungkinkan Anda unminify atau mempercantik kode CSS Anda
Teks luhur
Anda dapat mempercantik atau menghapus minifikasi kode di Sublime Text menggunakan ekstensi HTML-CSS-JS Prettify. Cukup instal menggunakan Sublime Package Manager lalu masuk ke Tools -> Command Palette dan ketik htmlprettify
. Sekarang buka file HTML, CSS, atau JS, lalu keluarkan konsol dalam Sublime Text dari View -> Show Console
dan ketik view.run_command["htmlprettify"]
Ekstensi Mempercantik HTML-CSS-JS
Atom Percantik
Atom Beautify memungkinkan Anda mempercantik HTML, CSS, JavaScript, PHP, Python, Ruby, Java, C, C++, C#, Objective-C, CoffeeScript, TypeScript, Coldfusion, SQL, dan lainnya di Atom. Anda cukup menginstalnya menggunakan apm dengan menjalankan perintah apm install atom-beautify
. Sekarang buka palet Perintah, ketik Beautify
dan jalankan Beautify Editor
Ekstensi Percantik Atom
Kurung Mempercantik
Percantik HTML, CSS, dan Javascript di Adobe Brackets. Anda dapat menginstal rilis terbaru ekstensi ini menggunakan pengelola ekstensi kurung bawaan yang mengunduh ekstensi dari registri ekstensi. Gunakan tombol bilah alat dengan ikon tongkat untuk mempercantik kode Anda
Kurung Mempercantik Ekstensi
WebStorm/PhpStorm
Di WebStorm/PhpStorm IDE, sangat mudah untuk mempercantik kode Anda. Cukup buka file CSS Anda lalu pilih Code | Reformat Code
, atau tekan Ctrl + Alt + L
untuk mempercantik kode Anda. Ia bekerja dengan HTML, CSS, JS, PHP dan banyak bahasa lainnya