DevTools

Kod Güzelleştirici

Ali Hub DevTools içinde Kod Güzelleştirici aracını açık doğrulama, sonuçlar, gizlilik bilgileri ve belgelenen sınırlarla kullanın.

Birincil girdi

Depolama yalnızca araç tarayıcıda yerel, sürümlü, kapsamı sınırlı, temizlenebilir ve hassas olmayan verileri açıkça tanımladığında kullanılır.

Bu aracı yükle

Hızlı erişim için bu aracı cihazınıza ekleyin.

Kod Güzelleştirici

Desteklenen kaynak kodunu okunabilir girintilerle biçimlendirin; sözdizimi, yorumlar ve çıktı sınırlarını inceleyin.

Make HTML structure easier to inspect

Bu araç desteklenen kaynak koduna satır sonları, boşluklar ve girintiler ekleyerek okunabilirliği artırır. Yalnızca görünümü değiştirir; kodu doğrulamaz veya çalıştırmaz.

Bu araç desteklenen kaynak koduna satır sonları, boşluklar ve girintiler ekleyerek okunabilirliği artırır. Yalnızca görünümü değiştirir; kodu doğrulamaz veya çalıştırmaz. Compare the formatted result with the original source.

Formatting is not HTML validation

Biçimlendirici blokları, listeleri, bildirimleri, dizeleri ve yorumları okuyarak tutarlı bir düzen üretir. Dil kuralları, lehçe ve seçenekler sonucu belirler; desteklenmeyen sözdizimi yanlış yorumlanabilir.

Biçimlendirici blokları, listeleri, bildirimleri, dizeleri ve yorumları okuyarak tutarlı bir düzen üretir. Dil kuralları, lehçe ve seçenekler sonucu belirler; desteklenmeyen sözdizimi yanlış yorumlanabilir. Compare the formatted result with the original source.

How to format HTML

  1. Dili seçin, kodu yapıştırın, stil seçeneklerini belirleyin, biçimlendirin ve özgün kodla karşılaştırın. Dizeleri, yorumları, regex ifadelerini, gömülü kodu ve source map dosyalarını inceleyin.
  2. Dili seçin, kodu yapıştırın, stil seçeneklerini belirleyin, biçimlendirin ve özgün kodla karşılaştırın. Dizeleri, yorumları, regex ifadelerini, gömülü kodu ve source map dosyalarını inceleyin. Compare the formatted result with the original source.
  3. Dili seçin, kodu yapıştırın, stil seçeneklerini belirleyin, biçimlendirin ve özgün kodla karşılaştırın. Dizeleri, yorumları, regex ifadelerini, gömülü kodu ve source map dosyalarını inceleyin. Compare the formatted result with the original source.

Formatting method

  • Read markup structure

    Araç kodu belirteçlere veya sözdizimine ayırır, iç içe yapıları ve korunan bölgeleri izler ve biçimlendirilmiş metin üretir. Ayrıştırıcı sürümü, lehçe ve gömülü diller sonucu etkiler.

  • Apply indentation

    Araç kodu belirteçlere veya sözdizimine ayırır, iç içe yapıları ve korunan bölgeleri izler ve biçimlendirilmiş metin üretir. Ayrıştırıcı sürümü, lehçe ve gömülü diller sonucu etkiler.

  • Preserve content

    Araç kodu belirteçlere veya sözdizimine ayırır, iç içe yapıları ve korunan bölgeleri izler ve biçimlendirilmiş metin üretir. Ayrıştırıcı sürümü, lehçe ve gömülü diller sonucu etkiler.

Exact parser recovery, optional-tag handling, whitespace policy, embedded-language behavior, and error wording should be c...

Read the formatted result

İyi sonuç sabit girintiye, okunabilir bloklara ve korunmuş dize ve yorumlara sahiptir. Biçimlendirme sözdizimini veya anlamsal eşdeğerliği kanıtlamaz.

İyi sonuç sabit girintiye, okunabilir bloklara ve korunmuş dize ve yorumlara sahiptir. Biçimlendirme sözdizimini veya anlamsal eşdeğerliği kanıtlamaz. Compare the formatted result with the original source.

Yaygın hatalar

Yaygın hatalar yanlış dil seçmek, boşluğa duyarlı veriyi değiştirmek, lisans yorumlarını silmek ve büyük farkı incelemeden kabul etmektir.

Yaygın hatalar yanlış dil seçmek, boşluğa duyarlı veriyi değiştirmek, lisans yorumlarını silmek ve büyük farkı incelemeden kabul etmektir. Compare the formatted result with the original source.

Yaygın hatalar yanlış dil seçmek, boşluğa duyarlı veriyi değiştirmek, lisans yorumlarını silmek ve büyük farkı incelemeden kabul etmektir. Compare the formatted result with the original source.

Sınırlar ve özel durumlar

Tüm lehçeleri veya proje stilini garanti etmez. Ayarları sabitleyin ve farkı inceleyin.

Tüm lehçeleri veya proje stilini garanti etmez. Ayarları sabitleyin ve farkı inceleyin. Compare the formatted result with the original source.

Tüm lehçeleri veya proje stilini garanti etmez. Ayarları sabitleyin ve farkı inceleyin. Compare the formatted result with the original source.

Examples

Çevrim içi Kod Biçimlendirici — 1

Kod biçimlendirici ne yapar?

Dili seçin, kodu yapıştırın, stil seçeneklerini belirleyin, biçimlendirin ve özgün kodla karşılaştırın. Dizeleri, yorumları, regex ifadelerini, gömülü kodu ve source map dosyalarını inceleyin.

İyi sonuç sabit girintiye, okunabilir bloklara ve korunmuş dize ve yorumlara sahiptir. Biçimlendirme sözdizimini veya anlamsal eşdeğerliği kanıtlamaz.

Çevrim içi Kod Biçimlendirici — 2

Kodu doğrular mı?

Dili seçin, kodu yapıştırın, stil seçeneklerini belirleyin, biçimlendirin ve özgün kodla karşılaştırın. Dizeleri, yorumları, regex ifadelerini, gömülü kodu ve source map dosyalarını inceleyin.

İyi sonuç sabit girintiye, okunabilir bloklara ve korunmuş dize ve yorumlara sahiptir. Biçimlendirme sözdizimini veya anlamsal eşdeğerliği kanıtlamaz.

Çevrim içi Kod Biçimlendirici — 3

Davranışı değiştirebilir mi?

Dili seçin, kodu yapıştırın, stil seçeneklerini belirleyin, biçimlendirin ve özgün kodla karşılaştırın. Dizeleri, yorumları, regex ifadelerini, gömülü kodu ve source map dosyalarını inceleyin.

İyi sonuç sabit girintiye, okunabilir bloklara ve korunmuş dize ve yorumlara sahiptir. Biçimlendirme sözdizimini veya anlamsal eşdeğerliği kanıtlamaz.

Çevrim içi Kod Biçimlendirici — 4

Yorumlar korunur mu?

Dili seçin, kodu yapıştırın, stil seçeneklerini belirleyin, biçimlendirin ve özgün kodla karşılaştırın. Dizeleri, yorumları, regex ifadelerini, gömülü kodu ve source map dosyalarını inceleyin.

İyi sonuç sabit girintiye, okunabilir bloklara ve korunmuş dize ve yorumlara sahiptir. Biçimlendirme sözdizimini veya anlamsal eşdeğerliği kanıtlamaz.

Çevrim içi Kod Biçimlendirici — 5

Tüm dilleri destekler mi?

Dili seçin, kodu yapıştırın, stil seçeneklerini belirleyin, biçimlendirin ve özgün kodla karşılaştırın. Dizeleri, yorumları, regex ifadelerini, gömülü kodu ve source map dosyalarını inceleyin.

İyi sonuç sabit girintiye, okunabilir bloklara ve korunmuş dize ve yorumlara sahiptir. Biçimlendirme sözdizimini veya anlamsal eşdeğerliği kanıtlamaz.

Çevrim içi Kod Biçimlendirici — 6

Satırlar neden değişir?

Dili seçin, kodu yapıştırın, stil seçeneklerini belirleyin, biçimlendirin ve özgün kodla karşılaştırın. Dizeleri, yorumları, regex ifadelerini, gömülü kodu ve source map dosyalarını inceleyin.

İyi sonuç sabit girintiye, okunabilir bloklara ve korunmuş dize ve yorumlara sahiptir. Biçimlendirme sözdizimini veya anlamsal eşdeğerliği kanıtlamaz.

Frequently asked questions

Kod biçimlendirici ne yapar?

Biçimlendirme okunabilirlik için yerleşimi değiştirir. Sözdizimi, anlam, ayarlar ve testleri proje araçlarıyla doğrulayın.

Kodu doğrular mı?

Biçimlendirme okunabilirlik için yerleşimi değiştirir. Sözdizimi, anlam, ayarlar ve testleri proje araçlarıyla doğrulayın.

Davranışı değiştirebilir mi?

Biçimlendirme okunabilirlik için yerleşimi değiştirir. Sözdizimi, anlam, ayarlar ve testleri proje araçlarıyla doğrulayın.

Yorumlar korunur mu?

Biçimlendirme okunabilirlik için yerleşimi değiştirir. Sözdizimi, anlam, ayarlar ve testleri proje araçlarıyla doğrulayın.

Tüm dilleri destekler mi?

Biçimlendirme okunabilirlik için yerleşimi değiştirir. Sözdizimi, anlam, ayarlar ve testleri proje araçlarıyla doğrulayın.

Satırlar neden değişir?

Biçimlendirme okunabilirlik için yerleşimi değiştirir. Sözdizimi, anlam, ayarlar ve testleri proje araçlarıyla doğrulayın.

Derlemede kullanılmalı mı?

Biçimlendirme okunabilirlik için yerleşimi değiştirir. Sözdizimi, anlam, ayarlar ve testleri proje araçlarıyla doğrulayın.

Çıktı nasıl doğrulanır?

Biçimlendirme okunabilirlik için yerleşimi değiştirir. Sözdizimi, anlam, ayarlar ve testleri proje araçlarıyla doğrulayın.

References