HTML, CSS, JavaScript, JSON ve XML küçültülmüş kodunu tek yerde genişletin
Tek tarayıcı alanında HTML, CSS, JavaScript, JSON ve XML küçültülmüş kodunu genişletin
Üretim derlemeleri tasarım gereği küçültülmüş gelir: HTML şablonları tek satır, stil sayfaları boşluksuz, JavaScript paketleri düz, JSON günlükleri sıkışık, XML dışa aktarımları girintisiz. Bayt tasarrufu var, hata ayıklama zor. Bu sayfa, bir parça yapıştırdığınızda okunabilir yapıya ihtiyaç duyduğunuz an içindir — tam bir IDE değil, derleme hattı değil; yapıştırma veya dosya içe aktarmadan sonra tarayıcı sekmesinde hızlı genişletme.
Burada «genişletmek» ne demek — ne değil
Bu araçta genişletmek, satır sonlarını ve girintiyi geri getirip iç içe geçmeyi takip etmek, eksik parantez bulmak veya bir bölümü bilete kopyalamak demektir. Küçültülmüş HTML genişletme, CSS genişletme, JavaScript genişletme, JSON genişletme veya XML genişletme arayanların pratik hedefi aynıdır — bir biçim, bir iş, okunabilir metin. JavaScript gizleme çözme değildir: yeniden adlandırılmış değişkenler, silinen yorumlar ve kasıtlı kodlama olduğu gibi kalır. Girdi geçerli ama sıkıştırılmışsa genişletme işe yarar; biri bilerek gizlediyse yapıyı görürsünüz, sırları değil.
Çoğu bağımsız biçimleyici dosya türünü zaten bildiğinizi varsayar. Burada otomatik algılama yapıştırmayı doğru motora yollar; yanlışsa biçimi elle seçersiniz. HTML gömülü betik veya stil içeriyorsa isteğe bağlı satır içi genişletme <script> ve <style> içindeki kodu da düzenler — sayfa tek satırken hata geri çağrıda olduğunda işe yarar. JSON, XML veya HTML hafif bozuksa genişletmeden önce onarım denenebilir; JSON görüntüleyici ve XML araçlarımızdaki mantıkla, sondaki virgül veya fazla kapanış etiketi tüm işi durdurmaz.
Yapıştır ve genişletBeş biçim, tek araç çubuğu
Hangi biçimleyici sekmesini açacağınızı tahmin etmeyin. Bir kez yapıştırın — çalışma alanı HTML, CSS, JavaScript, JSON ve XML'i işler; türü biliyorsanız elle de seçebilirsiniz.
Genişlettikten sonra gerçek görüntüleyicide önizleme
Genişletilmiş HTML ana sayfa Playground'unda canlı önizlemeyle açılır. JSON ve XML, çıktı yüklü halde JSON görüntüleyici ve XML görüntüleyicimize geçer — düz metin kutusu değil, tıklanabilir yapı.
Yapıştırdığınız cihazınızda kalır
Genişletme tarayıcı sekmesinde çalışır. İşlem için hiçbir şey yüklenmez — parça staging API'sinden, müşteri deposundan veya olay günlüğünden geldiyse önemlidir.
Genel bir biçimleyiciden farkı
Çok biçimli genişletme artı görüntüleyici önizlemesi — çoğu tek amaçlı araç birleştirmez.
Gerçekten yapıştırdığınız biçimler için tek giriş
Ekipler nadiren tek dili küçültür. CMS'ten HTML açılış sayfası, CDN stil sayfası, günlük satırındaki JSON, eski entegrasyon XML'i — beş yer imi biçimleyici arasında geçiş akışı keser. Girinti, onarım ve çıktı aynı ekranda kalır; bağlam değiştirmeden işi bitirirsiniz.
Bu sayfada kodu nasıl genişletirsiniz
1) Küçültülmüş kodu yapıştırın, içe aktarın veya yazın
Üretim çıktısını girdi paneline bırakın veya dosya içe aktarın. Türü bilmiyorsanız «Otomatik algılama»da bırakın — örneğin günlük parçası JSON sanılıyorsa JSON'u zorlayın. Girinti ayarları genişletmeden önce geçerli olur.
2) Çalışma alanının genişletmesine izin verin
Otomatik çalıştırma kapalıysa «Genişlet»e tıklayın veya yapıştırarak başlatın. HTML gömülü betik içeriyorsa hata etiketin içindeyse «Satır içi JS ve CSS'yi de genişlet»i açın. Başarısız olursa HTML, JSON veya XML için onarım deneyin veya biçimi elle değiştirin.
3) Biçim destekliyorsa görüntüleyici açın
Araç çubuğundaki göz simgesi «Görüntüleyicide önizle». HTML Playground'a; JSON JSON görüntüleyiciye; XML XML görüntüleyiciye gider. CSS ve JavaScript'te düğme gri kalır — düzenlemek için genişletin, görsel inceleme için değil.
4) Kopyalayın, indirin veya keşfe devam edin
Genişletilmiş metni düzenleyiciye kopyalayın, doğru uzantıyla indirin veya görüntüleyicide düğümleri ve önizlemeyi gezin. Girinti veya onarımı değiştirdikten sonra yeniden çalıştırın — çıktı yerinde güncellenir.
Kod genişletme SSS
Panodaki küçültülmüş parçayı genişletin
HTML, CSS, JavaScript, JSON veya XML'i yerelde genişletin — HTML, JSON ve XML'i düzgün görüntüleyicilerde önizleyin.
Küçültülmüş kod genişletici
- HTML, CSS, JS, JSON, XML otomatik algılama veya elle seçim
- Genişletilmiş HTML, JSON ve XML site görüntüleyicilerinde önizleme
- HTML için isteğe bağlı satır içi betik ve stil genişletme
- Bozuk JSON, XML ve HTML için onarım yolları
Tarayıcıda çalışır. Hesap gerekmez.
Tek satırlık üretim kodunda yatay kaydırmayı bırakın
Yapıştırın, genişletin, biçim uygunsa önizleyin — yapı sonunda insan yazmış gibi okununca kopyalayın.