Salı 28 Mart 2023
Hakkında
Yazarlarımız
Reklam
Künye
İletişim
Webmaster.Kitchen – Türkiye'nin Webmaster MutfağıWebmaster.Kitchen – Türkiye'nin Webmaster Mutfağı

Bülten

Sosyal Medya Yasası Kabul Edildi

Binance ‘e Siber Saldırı

Webmaster.Kitchen – Türkiye'nin Webmaster MutfağıWebmaster.Kitchen – Türkiye'nin Webmaster Mutfağı
  • BAŞLARKEN
    • KOD
      • PHP
      • Asp.Net
      • Swift
      • MySQL
      • CMS
  • TASARIM
    • İpuçları
    • Çizim
    • Illustrator
    • Photoshop
    • Trendler
  • ARAYÜZ
    • JavaScript
    • HTML5
    • CSS
    • REACT
  • İPUÇLARI
    • API
    • Güvenlik
    • IDE
    • Framework
    • OS
    • Verimlilik
    • İçerik
      • Dökümantasyon
      • İpuçları
      • Nasıl Oluşturulur?
  • KAYNAKLAR
    • Tasarım
    • Kod
    • İş
  • GİRİŞİM
    • Finans
    • Girişimci
    • Nasıl yapılır?
  • ARAÇLAR
  1. Anasayfa
  2. Güncel
  3. Chrome 97: DevTools Yenilikleri!
 Chrome 97: DevTools Yenilikleri!
Güncel İçerik Yazılım

Chrome 97: DevTools Yenilikleri!

Yazar : Sevim Selin Özsoy 19 Ocak 2022 0 Comment

İçindekiler

  • Yeni Kayıt Paneli

  • Responsive Mod İçin Yeni Cihazlar

  • Edit Menüsünde Otomatik Tamamlama

  • Code Debuglamada Gelişmeler

Chrome 97 ile alakalı bazı yenilikleri bundan önceki yazımızda anlatmıştık. Bu yazımızda da, biraz daha derinlemesine bir inceleme yaparak, sizlere DevTools’taki yenilikleri aktaracağız!

Yeni Kayıt Paneli

Yeni kayıt paneli ile kullanıcıdan gelen bilgi akışını kaydedin ve tekrar görüntüleyin.

Örneğin, kahve sipariş demosu ile satın alma işlemini takip edebilir ve tekrar görüntüleyebilirsiniz. Sepetinize bir kahve ekleyip ödeme bilgilerinizi girdiğinizde kayıt alım işlemini bitirip, bütün süreci tekrardan görüntüleyebilir veya “Mesuare Performance” butonuna basarak performans ölçümünü görebilirsiniz.

Recorder panel dökümantasyonundan adım adım tutorialdan daha ayrıntılı bilgiye ulaşabilirsiniz!

Responsive Mod İçin Yeni Cihazlar

Responsive moda geçtiğinizde, sitenizin mobil cihazlarda ve tabletlerde nasıl göründüğünü görüntüleyebileceğiniz “Device Mode” a yeni cihaz boyutları eklendi.

Edit Menüsünde Otomatik Tamamlama

“Edit as Html” arayüzü sayfanızda statik değişmeler yapmanızı sağlar. Bu arayüz son güncellemeyle syntax highlightları ve otomatik tamamlama özelliğine kavuştu. id ya da aria gibi DOM içerikleri yazdığınızda tarayıcı sizin için tamamlamayı yapacaktır.

Code Debuglamada Gelişmeler

Error konsolunda artık hatanın olduğu sütün da gösterilecek.

Chrome 97 ile web geliştiricilerin işine yarayacak özellikten bazılarını inceledik. Sizler yeni güncellemeler hakkında neler düşünüyorsunuz? Düşüncelerinizi bizlerle yorum kısmından paylaşabilirsiniz! Bir sonraki güncellemelerde görüşmek üzere, keyifli okumalar!

Etiketler: chrome devtools google chrome web programlama
Önceki Yazı
Sonraki Yazı

Sevim Selin Özsoy

editor

Süleyman Demirel Üniversitesi 4. sınıf bilgisayar mühendisliği öğrencisiyim. Front-end yazılımla ve tasarımla ilgileniyorum. Aktif olarak Süleyman Demirel Üniversitesinin bilgi işlemde part-time yazılımcı ve tasarımcı olarak çalışıyorum. Aynı zamanda da Webmaster Kitchen'da sosyal medya yöneticiliğini ve tasarımcılığını yapıyorum.

Yorum Yap Yorumu İptal Et.

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Taze Yazılar
Güncel

Sosyal Medya Yasası Kabul Edildi

14 Ekim 2022
Blockchain

Binance ‘e Siber Saldırı

8 Ekim 2022
Blockchain

Binance ‘den Ücretsiz Eğitim

5 Ekim 2022
Güncel

Japonya için Yenilenen Corolla

4 Ekim 2022
© 2021 Webmaster Kitchen. Tüm Hakları Saklıdır.