Geliştirici Araçları'ndaki Yenilikler (Chrome 97)

Jecelyn Yeen

Önizleme özelliği: Yeni Kaydedici paneli

Kullanıcı akışlarını kaydetmek, yeniden oynatmak ve ölçmek için yeni Kaydedici panelini kullanın.

Kaydedici panelini açın. Yeni bir kayıt başlatmak için ekrandaki talimatları uygulayın.

Örneğin, bu kahve siparişi demo uygulamasıyla kahve ödeme sürecini kaydedebilirsiniz. Bir kahve ekleyip ödeme ayrıntılarını doldurduktan sonra kaydı sonlandırabilir, süreci yeniden oynatabilir veya Performans panelinde kullanıcı akışını ölçmek için Performansı ölç düğmesini tıklayabilirsiniz.

Adım adım açıklamalı eğitimden yararlanarak daha fazla bilgi edinmek için Kaydedici panelinin dokümanlarına göz atın.

Kaydedici paneli bir önizleme özelliğidir. Ekibimiz bu konudaki çalışmalarını sürdürüyor. Daha fazla iyileştirme için geri bildirimlerinizi bekliyoruz.

Kaydedici paneli

Chromium sorunu: 1257499

Cihaz modunda cihaz listesini yenileme

Cihaz araç çubuğunu etkinleştirerek cihaz listesine daha modern cihazlar eklendi. Boyutlarını simüle etmek için bir cihaz seçin.

Cihaz modunda cihaz listesini yenileme

Chromium sorunu: 1223525

HTML olarak düzenle özelliğiyle otomatik tamamlama

HTML olarak düzenle kullanıcı arayüzü artık otomatik tamamlama ve söz dizimi vurgulama özelliklerini destekliyor. Öğeler panelinde bir öğeyi sağ tıklayın ve HTML olarak düzenle'yi seçin. Bir DOM mülkü (ör.id, aria) yazmaya çalışın. Otomatik tamamlama özelliği, aradığınız mülk adını bulmanıza yardımcı olur.

HTML olarak düzenle özelliğiyle otomatik tamamlama

Chromium sorunu: 1215072

İyileştirilmiş kod hata ayıklama deneyimi

Sütun numaraları artık Konsolda çıkış hatasına dahil ediliyor. Özellikle sıkıştırılmış JavaScript'de hata ayıklama için sütun numarasına kolayca erişebilmek önemlidir.

Çıkış hatasındaki sütun numarası

Chromium sorunu: 1073064

[Deneysel] DevTools ayarlarını cihazlar arasında senkronize etme

Chrome profil senkronizasyonunu etkinleştirdiğinizde DevTools ayarlarınız artık varsayılan olarak cihazlar arasında senkronize edilir. DevTools senkronizasyon ayarlarını Ayarlar > Senkronizasyon > Ayarların senkronizasyonunu etkinleştir'den değiştirebilirsiniz.

DevTools senkronizasyon ayarları

Bu yeni ayar, farklı cihazlarda çalışmanızı kolaylaştırır. Örneğin, aşağıdaki görünüm ayarları senkronize edilir. Böylece, cihazlar arasında tutarlı bir deneyim yaşarsınız ve aynı ayarları tekrar tanımlamanız gerekmez. Geliştirici Araçları özelleştirme bölümünde senkronizasyon özelliği hakkında daha fazla bilgi edinin.

görünüm ayarları

Bu özellik şu anda deneyseldir ve ekip üzerinde aktif olarak çalışmaya devam etmektedir. Geri bildiriminiz varsa lütfen buradan bizimle paylaşın.

Chromium sorunu: 1245541

Önizleme kanallarını indirme

Varsayılan geliştirme tarayıcınız olarak Chrome Canary, Yeni Geliştirilenler veya Beta sürümünü kullanabilirsiniz. Bu önizleme kanalları, en son DevTools özelliklerine erişmenize, en yeni web platformu API'lerini test etmenize ve sitenizdeki sorunları kullanıcılarınızdan önce bulmanıza yardımcı olur.

Chrome Geliştirici Araçları Ekibi ile iletişime geçme

Yeni özellikler, güncellemeler veya Geliştirici Araçları ile ilgili başka herhangi bir konu hakkında konuşmak için aşağıdaki seçenekleri kullanın.

Geliştirici Araçları'ndaki yenilikler

DevTools'daki yenilikler serisinde ele alınan tüm konuların listesi.