Bu sayfa, Cloud Translation API ile çevrilmiştir.

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

Jecelyn Yeen

Yeni CSS uzunluğu yazma araçları

Geliştirici Araçları, CSS'deki uzunlukları güncellemek için daha kolay ancak esnek bir yol ekledi.

Stiller bölmesinde uzunluğu olan herhangi bir CSS özelliğini (ör. height, padding) arayın.

Birim türünün üzerine gelin ve birim türünün altının çizili olduğuna dikkat edin. Açılır menüden bir birim türü seçmek için bu simgeyi tıklayın.

Birim değerinin üzerine geldiğinizde fare işaretçiniz yatay imleç olur. Değeri artırmak veya azaltmak için yatay olarak sürükleyin. Değeri 10 değerine ayarlamak için sürüklerken Üst Karakter tuşunu basılı tutun.

Birim değerini metin olarak düzenlemeye devam edebilirsiniz; değeri tıklayıp düzenlemeye başlayabilirsiniz.

Chromium sorunları: 1126178, 1172993

Sorunlar sekmesinde sorunları gizleme

Artık yalnızca sizin için önemli olan sorunlara odaklanmak için Sorunlar sekmesinde belirli sorunları gizleyebilirsiniz.

Sorunlar sekmesinde, gizlemek istediğiniz bir sorunun üzerine gelin. Diğer seçenekler > Buna benzer sorunları gizle'yi tıklayın.

Tüm gizli sorunlar, Gizli sorunlar bölmesine eklenir. Bölmeyi genişletin. Tüm gizlenmiş sorunları veya seçilenlerden birini gösterebilirsiniz.

Gizli sorunlar bölmesi

Chromium sorunu: 1175722

Mülklerin görünümü iyileştirildi

Geliştirici Araçları, mülklerin görüntülenme şeklini şu şekilde iyileştirir:

Konsol, Kaynaklar paneli ve Özellikler bölmesinde kendi mülklerinizi her zaman kalın hale getirin ve sıralayın.
Özellikler bölmesindeki özellikler görüntüsünü düzleştirin.

Örneğin, aşağıdaki snippet, 2 kendi mülkü olan user ve access adlı bir URL link nesnesi oluşturur ve devralınan search özelliğinin değerini günceller.

/* example.js */

const link = new URL('https://goo.gle/devtools-blog');

link.user = { id: 1, name: 'Jane Doe' };
link.access = 'admin';
link.search = `?access=${link.access}`;

Konsol'da link sorgusunu günlüğe kaydetmeyi deneyin. Sahip olduğunuz mülkler artık kalın yazı tipiyle gösteriliyor ve ilk sırada yer alıyor. Bu değişiklikler, özellikle devralınan birçok mülke sahip Web API'leri (ör. URL) için özel özelliklerin tespit edilmesini kolaylaştırır.

Kendi mülkleriniz kalın görünür ve önce sıralanır

Bu değişikliklerin dışında, Özellikler bölmesindeki özellikler de (özellikle Web bileşenleri için) daha iyi DOM özelliklerinde hata ayıklama deneyimi sağlamak için artık birleştirilmiştir.

Mülkleri birleştir

Chromium sorunları: 1076820, 1119900

Lighthouse panelinde Lighthouse 8.4

Lighthouse paneli artık Lighthouse 8.4'ü çalıştırmaktadır. Lighthouse artık Largest Containful Paint (LCP) öğesinin geç yüklenen bir resim olup olmadığını algılar ve bu öğeden loading özelliğinin kaldırılmasını önerir.

Güncellemeler hakkında ayrıntılı bilgi edinmek için Lighthouse 8.4'teki yenilikler sayfasına göz atın.

Lighthouse raporundaki geç yüklenen LCP denetimi

Chromium sorunu: 772558

Snippet'leri Kaynaklar panelinde sıralama

Kaynaklar panelinin altındaki Snippet'ler bölmesindeki snippet'ler artık alfabetik olarak sıralanıyor. Daha önce bu özellik sıralanmıyordu.

Komutları daha hızlı çalıştırmak için snippet'ler özelliğinden yararlanın. İpucu için bu videoyu izleyin!

Snippet'leri Kaynaklar panelinde sıralama

Chromium sorunu: 1243976

Çevrilmiş sürüm notlarına yönlendiren yeni bağlantılar ve çeviri hatası bildirme

Artık Yenilikler sekmesini kullanarak 6 dilde daha DevTools sürüm notlarını tıklayabilirsiniz: Rusça, Çince, İspanyolca, Japonca, Portekizce ve Korece.

Chrome 94 sürümünden itibaren, Geliştirici Araçları'nda tercih ettiğiniz dili ayarlayabilirsiniz. Çevirilerle ilgili herhangi bir sorun bulduysanız Diğer seçenekler > Yardım > Çeviri hatası bildir'e bir çeviri sorununu bildirerek çeviriyi iyileştirmemize yardımcı olun.

Çevrilmiş sürüm notlarına yönlendiren yeni bağlantılar ve çeviri hatası bildirme

Chromium sorunları: 1246245, 1245481

Komut Menüsü'nde dosya aramak zor muydu? Güzel bir haberimiz var. Komut Menüsü kullanıcı arayüzü artık iyileştirilmiş!

Windows ve Linux'ta Control+P veya MacOS'te Command+P klavye kısayolunu kullanarak dosya aramak için Komut Menüsü'nü açın.

Komut Menüsü'nde kullanıcı arayüzü iyileştirmelerine devam ediyoruz. Güncellemeler için bizi takip etmeye devam edin.

Chromium sorunu: 1201997

Önizleme kanallarını indirme

Varsayılan geliştirme tarayıcınız olarak Chrome Canary, Yeni geliştirilenler veya Beta'yı kullanmayı düşünün. Bu önizleme kanallarıyla Geliştirici Araçları'nın en yeni özelliklerine erişebilir, son teknoloji ürünü web platformu API'lerini test edebilir ve sitenizdeki sorunları kullanıcılarınızdan önce tespit edebilirsiniz!

Chrome Geliştirici Araçları ekibiyle iletişim kurma

Yayındaki yeni özellikler ve değişiklikler ya da Geliştirici Araçları ile ilgili diğer konular hakkında konuşmak için aşağıdaki seçenekleri kullanın.

crbug.com adresinden öneri veya geri bildirim gönderin.
Geliştirici Araçları'nda, Diğer seçenekler > Yardım > Geliştirici Araçları sorunu bildir'i kullanarak Geliştirici Araçları sorunlarını bildirin.
@ChromeDevTools adresine tweet gönderin.
Geliştirici Araçları'ndaki YouTube videoları veya Geliştirici Araçları İpuçları YouTube videolarındaki yenilikler hakkındaki görüşlerinizi bizimle paylaşın.