Geliştirici Araçları Özeti - Film şeridi ve kısıtlama için yeni bir sayfa

Paul Bakaus
Paul Bakaus

Güncel Geliştirici Araçları haberleri

Bu gönderideki ilk haber konusu biraz meta; güncellemenin kendisi! Arada sırada, en az ayda bir kez, Chrome Geliştirici Araçları dünyasında basından yeni çıkanları özetleyeceğim.

Taze derken, Chrome Canary'de kullanıma sunulan yeni özelliklerden bahsedeceğim. Bu yüzden, kararlı yerlerde kalmayı tercih ediyorsanız, bu da uygun. Ancak maceraya meraklıysanız ve bilgi sahibi olmak istiyorsanız bu yayınlar tam size göre. En son özelliklere ve hata düzeltmelerine ek olarak her yayının sonunda, sizin gibi değerli kullanıcılarımızın katkıda bulunduğu en iyi katkıları gösteren Topluluk Sinyali bölümü yer alır.

Daha fazla vakit kaybetmeden güncel haberlere geçelim.


Geliştirici Araçları'ndaki yenilikler

Ağ ve Zaman Çizelgesi'nde film şeridine benzeyen ekran görüntüleri

Yalnızca bir hafta önce, önemli bir yeni özelliği denemenin dışına taşıdık: Ağ ve Zaman Çizelgesi sekmesinde sayfanın ekran görüntülerini alma olanağı.

Ağ panelinde, kare yakalamayı etkinleştirmek için küçük kamera simgesini tıklayın ve ardından yakalamayı tetiklemek için sayfayı yeniden yükleyin. WebPageTest gibi diğer araçlarla yakalanan ekran görüntüleri dışında, şu anda yalnızca gerçekte bir boyadan gelen kareleri gösteriyoruz.

Karelerden biri çift tıklandığında, yakınlaştırılmış görünüm gösterilir (daha sonra gezinmek için sol/sağ okları kullanın). Karelerin üzerine gelindiğinde panel ve zaman çizelgesi boyunca çizgiler gösterilir. Karenin tam olarak ne zaman yakalandığını görselleştirir, böylece yükleme dizisiyle ilişki kurabilirsiniz. Bu, oluşturmayı engelleyen web yazı tipleri gibi yaygın yükleme sorunlarında hata ayıklamayı çok daha basit hale getirir.

Zaman çizelgesi panelinde, üstteki araç çubuğunda yer alan "Ekran Görüntüleri" onay kutusunu açıp kapatarak ekran görüntüsü yakalamayı etkinleştirebilirsiniz. Burada işler, Ağ paneline kıyasla biraz daha farklı işliyor: Bu örnekte, söz konusu ekran görüntülerini Zaman Çizelgesi'ndeki diğer satırlarla ilişkili doğrusal bir zaman aralığında bırakabilmek için, gerçek boyamalardan bağımsız olarak olabildiğince sık yakalamaya çalışıyoruz. Önizlemeyi görüntülemek için çift tıklamanız gerekmez. Fareyle üzerine geldiğinizde, yakınlaştırılmış kareler görünür.

Bu ikisi, işlevsellik ve kullanıcı deneyimi açısından biraz uyuşmadığından, özellikleri denemenizi ve crbug.com/new adresindeki biletler aracılığıyla veya @ChromeDevTools'a tweet göndererek görüşlerinizi bizimle paylaşmanızı rica ediyoruz.

Ağ panelinde Ağ Kısıtlaması

Cihaz Modunu kullanıma sunarken eklediğimiz bir özellik olan Ağ sınırlama, Ağ paneli araç çubuğunda ikinci ana sayfasını bularak ağ optimizasyonlarına tek bir yerden odaklanmanıza olanak tanıdı.

Ağ sınırlamanın işleyiş şekli

Ancak bu yeni ev yalnızca bir ayna: Sitenizi uyumlu hale getirmeye çalışırken kötü bağlantı simülasyonunun hâlâ çok önemli olduğu için Cihaz Modu'nun dışında kullanılabilir.

Son olarak, uzun bir süre çalıştıktan sonra internet bağlantınızın neden koptuğunu merak eden ama ağ sınırlamayı devre dışı bırakmayı unuttuğunuzu öğrenen zavallı ruhlardan biri misiniz? Ağ sınırlama etkinleştirildiğinde, Ağ paneli sekmesinde artık bir uyarı simgesi görüntülenmektedir.

Çeşitli bilgiler


Topluluk Sinyali

Chrome Geliştirici Araçları ile her şey yolunda gitmedi

Ağ sınırlamanın işleyiş şekli

Bret Little, temel Geliştirici Araçları işlevleri hakkında bilgi veren ve kapsamlı birçok ipucu ve püf noktası içeren bu adım adım açıklamalı kursu yayınladı. Kesinlikle faydalı bilgiler bulabilirsiniz. Ayrıca, daha fazla DevTools belgesinden de zarar gelmez.

Geliştirici Araçları IDE'si...?!

Web geliştiricisi ve DevTools meraklısı Kenneth Auchenberg birkaç ay önce kavram kanıtlamalı bağımsız bir DevTools uygulaması geliştirdi. Bu hafta da bir blog yayını (bilgisayar korsanı) haberleri yayınladı.

DevTools'u gelişmiş bir IDE'ye dönüştürmek eğlenceli bir fikir. Daha önce birçok ekip üyemizin hayalini kurduğu bir proje. Ama aynı zamanda devasa boyutlarda da bir proje olacağını düşünüyoruz.


Ne düşünüyorsunuz? DevTools IDE hayali bir hayal mi yoksa işe yarıyor mu? Nasıl görünmelidir? Yorumlarda bize bildirin.

Yakında görüşmek üzere!
Paul Bakaus ve Geliştirici Araçları Ekibi