Chrome Canary'da özellik açısından zengin bir ay geçirdik. Zaman Çizelgesi'ndeki Toplu Ayrıntılar ile sitenizde performans sorunlarına neden olan üçüncü taraf komut dosyalarını, yeni renk paletiyle tutarlı renkleri nasıl seçeceğinizi, özelleştirilebilir ağ profilleriyle konferans kablosuz ağlarını nasıl simüle edeceğinizi ve yeni ana menü ile daha iyi ipuçlarıyla DevTools kullanıcı arayüzünden nasıl daha fazla yararlanacağınızı öğrenmek için okumaya devam edin.
Daha iyi suç performans sorunları: Zaman Çizelgesi'nde toplu ayrıntılar
Günümüzde web sitelerinde üçüncü taraflardan daha fazla işaretçi, analiz, sosyal medya, yazı tipi yükleme ve reklamcılık hizmeti kullanıyoruz. Bazen bu sayı çok fazla olabiliyor. Bunun olmasını önlemek ve sorun hakkında bilgi sahibi olmanızı sağlamak için zaman çizelgesinde toplu ayrıntıları kullanıma sunuyoruz.
Toplu Ayrıntılar sekmesinde yalnızca maliyetli işlevlere veya çağrı ağacının tamamına odaklanabilir ve ardından seçilen verileri alana, alt alana veya farklı URL'lere göre ayırabilirsiniz. Örneğin, bir sayfa yüklemenin yukarıdaki Zaman Çizelgesi'nde artık yavaşlamaları, facebook.net veya twitter.com gibi alanlardan gelen üçüncü taraf komut dosyalarıyla kolayca ilişkilendirebilirsiniz.
Yeni, özel ana menü
Ana araç çubuğunun daha düzenli olması için çekmece, ayarlar ve bağlantı noktaları simgelerini yeni ve özel bir ana menüye taşıdık.
Özellikle de yerleştirme işlemi çok daha kolay hale geldi. Önceki simgeye uzun basmak yerine, her bağlantı noktasının kendi simgesi vardır.
Yerleşim özelliğine ek olarak hızlı erişim dosya araması, kısayollar ve yardım (yeni ana sayfamıza yönlendirir) ekledik.
Geliştirici Araçları'nı keşfetme imkanı sunan geliştirilmiş ipuçları
Geliştirici Araçları'nda çok sayıda düğmemiz var ve bunların hepsinin ne işe yaradığının anlaşılmadığını biliyoruz. Sisteme özgü ipuçları yerine özel ve platformla uyumlu ipuçları sunarak eylemleri ve kısayollarını keşfetmeyi kolaylaştırdık.
Yeni ipuçları çok daha hızlı görünür ve klavye kısayollarını (varsa) içerir.
Özel ağ kısıtlama profilleri oluşturma
Ağ Yavaşlatıcı'nın varsayılan seçenekleri kullanım alanlarınız için çok sınırlayıcıysa ve "Toplantı kablosuz ağı" seçeneğine ihtiyacınız varsa ya da nostalji için eski moda bir "110 Baud" hattı taklit etmek istiyorsanız size iyi bir haberimiz var. Bu işlemlerin tümünü yapmanıza olanak tanıyan yeni bir Ayarlar paneli ekledik.
Otomatik, Materyal ve özel renk paletleri
Sihirli renkleri yeniden oluşturmak veya mevcut bir renk paletini kullanmak istiyorsanız geliştirilmiş Renk Seçici, siteniz için tutarlı bir renk paleti seçmenize yardımcı olur.
Paletin yanındaki küçük değiştirici simgesini tıklayarak aşağıdakiler arasından seçim yapabilirsiniz:
- Sayfa Renkleri: Bu palet, CSS'nizde bulduğumuz renklerden otomatik olarak oluşturulur. Bu nedenle, mevcut bir siteyi genişletiyorsanız mükemmel bir seçenektir.
- Materyal Tasarım: Materyal Tasarım paleti, kullanıma hazır güzel renkler sunar ve yeni bir projeye başlarken ideal bir seçimdir. Şu anda tüm ana renkleri bulabilirsiniz ancak yakında tüm tonları da ekleyeceğiz.
- Özel: Bu, kendi oyun alanınızdır. Seçiciden bir renk seçip paletin yanındaki "artı" simgesini tıklayarak yeni renkler ekleyin. Öğeleri sürükleyerek yeniden sıralayın ve sağ tıklayarak kaldırma gibi daha fazla seçenek görüntüleyin.
Düşüncelerinizi bizimle paylaşın ve renk hikayesini nasıl daha da genişletebileceğimizi bize bildirin.
Diğerleri arasından en iyiler
- fetch() API kullanılarak yapılan istekler artık Ağ Panelinde gösteriliyor
- Otomatik panel düzeni, DevTools panellerinizi yeniden boyutlandırdığınızda panellerinizin yeni alan kısıtlamalarına uyum sağlamasını sağlar.
- Öğeyi İncele ve Cihaz Modu'nda yeni simgeler var.
- DOM panelindeki özellikler artık düğüm vurgulandığında bile farklı renkte gösteriliyor. (Daha önce hepsi beyazdı.)
- Gizli öğeler (seçilen bir DOM düğümünde "h" tuşuna basılarak etkinleştirilir) artık solda gri bir daire göstergesi, DOM kesme noktaları ise mavi bir daireyle aynı şekilde gösterilir. (Bu, :hover gibi bir öğe durumunu zorlamak için halihazırda kullandığımız turuncu göstergelere benzer.)
Her zaman olduğu gibi, Twitter üzerinden veya aşağıdaki yorumlar bölümünden düşüncelerinizi bizimle paylaşabilir, crbug.com/new adresinden de hataları bildirebilirsiniz.
Gelecek ay görüşmek üzere.
Paul Bakaus ve Geliştirici Araçları ekibi