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. Kahve ekleyip ödeme ayrıntılarını doldurduktan sonra kaydı sonlandırabilir, süreci yeniden oynatabilir veya Performans panelindeki kullanıcı akışını ölçmek için Performansı ölç düğmesini tıklayabilirsiniz.

Adım adım açıklamalı eğitimle daha fazla bilgi edinmek için Kaydedici paneli belgelerine gidin.

Kaydedici paneli, önizleme sürümündeki bir özelliktir. Ekibimiz bu özellikle ilgili çalışmaları 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ştirme: Cihaz listesine artık daha modern cihazlar ekleniyor. Boyutlarını simüle etmek için bir cihaz seçin.

Cihaz modunda cihaz listesini yenileme

Chromium sorunu: 1223525

HTML olarak düzenle ile otomatik tamamlama

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

HTML olarak düzenle ile otomatik tamamlama

Chromium sorunu: 1215072

Geliştirilmiş kodda hata ayıklama deneyimi

Sütun numaraları artık Console'daki çıkış hatasına dahil ediliyor. Özellikle küçültülmüş JavaScript ile hata ayıklama için sütun numarasına kolayca erişebilmek çok önemlidir.

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

Chromium sorunu: 1073064

[Deneysel] Geliştirici Araçları 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. Geliştirici Araçları senkronizasyon ayarlarını Ayarlar > Senkronizasyon > Ayarların senkronizasyonunu etkinleştir'den değiştirebilirsiniz.

Geliştirici Araçları senkronizasyon ayarları

Bu yeni ayar, cihazlar arasında ç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ı'nı özelleştirme bölümündeki 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, Dev veya Beta'yı kullanmayı düşünebilirsiniz. Bu önizleme kanalları, en yeni DevTools özelliklerine erişmenizi sağlar, en yeni web platformu API'lerini test etmenize olanak tanır ve kullanıcılarınızdan önce sitenizdeki sorunları 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 diğer konuları tartışmak için aşağıdaki seçenekleri kullanın.

Geliştirici Araçları'ndaki yenilikler

Geliştirici Araçları'ndaki yenilikler serisinde ele alınan her şeyin listesi.