DevTools ile ilgili en güncel haberler
Bu yayındaki ilk haber biraz meta: Bu güncelleme kendisi! Arada sırada, ancak en azından ayda bir kez, Chrome DevTools dünyasında olup bitenleri özetleyeceğim.
Yeni derken bunu gerçekten kastediyorum: Chrome Canary'a yeni eklenen özelliklerden bahsedeceğim. Kararlı sürümde kalmayı tercih ederseniz de sorun değil. Ancak maceracıysanız ve gelişmelerden haberdar olmak istiyorsanız bu yayınlar tam size göre. En son özellikler ve hata düzeltmelerinin yanı sıra her gönderinin sonunda, sevgili kullanıcılarımızın en iyi katkılarını öne çıkaran bir Topluluk Nabzı bölümü yer alır.
Sözü fazla uzatmadan asıl konuya geçelim.
Geliştirici Araçları'ndaki yenilikler
Ağ ve Zaman Çizelgesi'ndeki film şeridi benzeri ekran görüntüleri
Yalnızca bir hafta önce önemli bir yeni özelliği deneme sürecinin dışında bıraktık: Sayfanın hem Ağ hem de Zaman Çizelgesi sekmesinde ekran görüntüsü alabilme özelliği.
Ağ panelinde kare yakalama özelliğini etkinleştirmek için küçük kamera simgesini tıklayın, 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 bir boyadan gelen kareleri gösteriyoruz.
Çerçevelerden birini çift tıkladığınızda yakınlaştırılmış bir görünüm gösterilir (ardından gezinmek için sol/sağ okları kullanın). Fareyle çerçevelerin üzerine geldiğinizde ise panel ve zaman çizelgesinde çizgiler gösterilir. Bu çizgiler, çerçevenin tam olarak ne zaman yakalandığını görselleştirmenize ve yükleme sırasıyla ilişkilendirmenize olanak tanır. Bu sayede, oluşturmayı engelleyen web yazı tipleri gibi yaygın yükleme sorunlarını gidermek çok daha kolay olur.
Zaman çizelgesi panelinde, üst araç çubuğundaki "Ekran görüntüleri" onay kutusunu işaretleyerek ekran görüntüsü yakalamayı etkinleştirebilirsiniz. Burada, Ağ paneline kıyasla işler biraz daha farklı şekilde işler: Bu örnekte, gerçek boyalardan bağımsız olarak söz konusu ekran görüntülerini, Zaman Çizelgesi'ndeki diğer satırlarla ilişkili doğrusal bir zaman ölçeğine bırakabilmek için olabildiğince sık yakalamaya çalışıyoruz. Önizlemeyi göstermek için çift tıklamanız gerekmez. Fareyle üzerine geldiğinizde yakınlaştırılmış kareler gösterilir.
Bu iki araç işlevsellik ve kullanıcı deneyimi açısından biraz uyumlu olmadığından, özellikleri denemeniz ve crbug.com/new adresindeki kayıtlar aracılığıyla veya @ChromeDevTools adresine tweet göndererek geri bildirimde bulunmanızı öneririz.
Ağ panelinde Ağ Kısıtlaması
Ağ kısıtlama, Cihaz Modumuzukullanırken eklediğimiz ikinci özelliği Ağ paneli araç çubuğunda buldu. Böylece tek bir yerde ağ optimizasyonlarına odaklanabilirsiniz.
Bu yeni ana sayfa yalnızca bir kopyadır. Sitenizi duyarlı hale getirmeye çalışırken kötü bağlantıyı simüle etmek hâlâ çok önemli olduğundan, cihaz modu dışında da kullanılabilir.
Son olarak, uzun bir iş gününden sonra internet bağlantınızın neden kesildiğini merak edip ağda veri kullanımını sınırlandırma özelliğini devre dışı bırakmayı unuttuğunuz için canınız mı sıkılıyor? Ağ sınırlama etkinleştirildiğinde Ağ paneli sekmesinde artık bir uyarı simgesi gösteriliyor.
Çeşitli bilgiler
- Ağ zaman çizelgesindeki tuhaf dairelerden nefret mi ediyordunuz? Biz de öyle. Bunlar, yeni film şeridinde bir karenin yakalandığı zaman noktalarıdır. Artık fareyle üzerine geldiğinizde çizgi olarak görünür.
- Cihaz Modu, cihazlar arasında geçiş yaptığınızda yönlendirmeyi korur
Topluluk Kalp Atışı
Chrome Geliştirici Araçları ile ayrıntılı inceleme
Bret Little, temel Geliştirici Araçları işlevleri hakkında bilgi veren ve birçok ayrıntılı ipucu ve püf noktası içeren bu kısa ve adım adım açıklamalı kursu yayınladı. Bu makalede kesinlikle faydalı bilgiler var. Daha fazla DevTools dokümanı daima faydalıdır.
Bir Geliştirici Araçları IDE'si…?!
Web geliştiricisi ve DevTools meraklısı Kenneth Auchenberg, birkaç ay önce bağımsız bir DevTools uygulamasını kavram kanıtı olarak geliştirdi ve blog yayını bu hafta yine (hacker) haberlerinde yer aldı.
Dev Tools'u tümüyle mükemmel bir entegre geliştirme ortamına dönüştürmek eğlenceli bir fikir. Çoğu ekip üyemizin daha önce hayalini kurduğu bir fikir bu olsa da büyük oranlara sahip bir proje olacaktı.
Ne düşünüyorsunuz? Geliştirici Araçları IDE'si bir hayal mi yoksa işe yarayabilir mi? Nasıl olmalı? Yorumlarda bize bildirin.
Yakında görüşmek üzere!
Paul Bakaus ve Geliştirici Araçları ekibi