Base64'ten CSS'ye: Çevrimiçi Çözün ve Güzelleştirin
Base64'ten CSS'ye Dönüştürücü, Base64 ile kodlanmış bir CSS dizesini veya data:text/css;base64,… biçimindeki eksiksiz bir URI'yi okunabilir CSS'e çözer. Bildirimleri satır başına birer tane koyan ve blokları girintileyen isteğe bağlı güzelleştirme ayarını etkinleştirerek gömülü stil sayfalarını incelemeyi kolaylaştırın. Paylaşılan Base64 ve data: URI motorlarını kullanır; böylece desteklenen iki girdi biçiminden biriyle tarayıcı tabanlı tek bir araçta çalışabilirsiniz.
Base64'ten CSS'ye, Base64 ile kodlanmış stil sayfası içeriğini okunabilir CSS'e çeviren tarayıcı tabanlı bir dönüştürücüdür. Bir Base64 dizesi veya data:text/css;base64,… biçimindeki eksiksiz bir URI kabul eder, ardından içeriği çözerek stil sayfasını inceleyebilmenizi sağlar. Daha okunabilir bir sonuç isterseniz, her bildirimi kendi satırına koyan ve blokları girintileyen isteğe bağlı güzelleştirme ayarını kullanın.
Dönüştürücü, paylaşılan Base64 ve data: URI motorlarını yeniden kullanır. Bir Base64 dizesi veriyi metin karakterleriyle temsil ederken, CSS okumak ya da üzerinde çalışmak istediğiniz stil sayfası içeriğidir. Data URI, içerik türü ile kodlanmış veriyi tek bir URI'de birleştirir; bu araç data:text/css;base64,… biçimini destekler. Bu girdileri dönüştürmek, gömülü ya da kodlanmış CSS'i elle çözmeden incelemeyi kolaylaştırır.
İsteğe bağlı güzelleştirme, çözülen CSS'in okuma düzenini değiştirir: bildirimler satır başına birer tane gelir, bloklar girintili olur. Dönüştürmenin amacını değiştirmez; amaç, Base64 içeriğini yeniden CSS'e çözmektir. Çıktının yapılandırılmış bir düzende incelenmesi daha kolay olacaksa biçimlendirme seçeneğini tercih edin.
Araç tamamen tarayıcınızda çalışır. Girdiniz cihazınızda işlenir; yüklenmez, saklanmaz ya da bir sunucuya gönderilmez. Sayfa yüklendikten sonra dönüştürücü, sunucu bağımlılığı olmadığı için çevrimdışı da çalışabilir. Kodlanmış stil sayfalarını hızlıca incelemesi gereken geliştiriciler ve DevOps mühendisleri için kullanışlıdır; yerel ya da başka bir makinede çalışıyor olmanız fark etmez.
Adım 1: Girdi alanına Base64 ile kodlanmış bir CSS dizesi veya data:text/css;base64,… biçimindeki eksiksiz bir URI yapıştırın, yazın ya da sürükleyip bırakın.
Adım 2: Çözülen CSS'in güzelleştirilmesini istiyorsanız kullanılabilir seçeneği ayarlayın.
Adım 3: Base64 içeriğini çözmek ve CSS sonucunu görüntülemek için dönüştürmeyi çalıştırın.
Adım 4: İncelemek veya projenizde kullanmak üzere çözülen CSS'i kopyalayın.
Kullanım senaryosu: Bir data:text/css;base64,… URI'sinden gömülü stil sayfasının kodunu çözerek, kodlamayla elle uğraşmadan CSS'ini inceleyin.
Kullanım senaryosu: Yerel bir yardımcı araç kurmadan ya da geliştirme ortamınızı değiştirmeden rutin bir Base64'ten CSS'ye işini halledin.
Kullanım senaryosu: Kodlanmış stil sayfası içeriği barındıran bir uygulamayı ya da yapılandırmayı araştırırken Base64 dizesi olarak saklanan CSS'i denetleyin.
Kullanım senaryosu: Çözülen CSS'i güzelleştirerek bildirimlerin satır başına, blokların girintili görünmesini sağlayın; stil sayfasını okumak kolaylaşsın.
Kullanım senaryosu: Yerel bir araç kurmak yerine tarayıcı tabanlı dönüştürücüyü kullanarak farklı bir makinede çalışın.
Kullanım senaryosu: Dahili stil sayfası verilerini üçüncü taraf bir hizmete yapıştırmaktan kaçının; dönüştürme tarayıcınızda çalışır ve veriyi bir sunucuya göndermez.