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

Kayce Basques

Chrome 61'de DevTools'a eklenen yeni özellikler ve yapılan önemli değişiklikler şunlardır:

• Mobil cihazda kısıtlama simülasyonu. Orta veya düşük kaliteli mobil cihazları simüle etmek için CPU ve ağ sınırlamasını aynı anda ayarlayın.
• Depolama alanı kullanımı. Bir kaynağın ne kadar depolama alanı kullandığını teknolojiye göre (IndexedDB, önbellek, yerel, oturum vb.) ayrılmış şekilde görüntüleyin.
• Zaman damgalarını önbelleğe alın. Bir hizmet çalışanının ne zaman yanıt önbelleğe aldığını görüntüleme.
• Komut menüsünden FPS Sayacı'nı etkinleştirin.
• Performans panelinde fare tekerleği ve izleme paneli davranışını değiştirin.
• ES6 modüllerini yerel olarak hata ayıklayın.

Bu sürüm notlarının video sürümüne göz atın veya daha fazla bilgi edinmek için okumaya devam edin.

Cihaz Modu'nda düşük ve orta sınıf mobil cihazları simülasyon

Cihaz modu Düşük Hız menüsü artık varsayılan olarak gösteriliyor ve birkaç tıklamayla düşük veya orta sınıf bir mobil cihazı simüle etmenize olanak tanıyor.

Şekil 1. Sınırlama Menüsü

Şekil 2. Orta sınıf mobil ve düşük sınıf mobil terimlerinin tanımlarını görmek için Düşürme menüsünün üzerine gelin veya Kayıt Ayarları menüsünü açın.

Depolama alanı kullanımını görüntüleme

Uygulama panelinin Depolama alanını temizle sekmesindeki yeni Kullanım bölümünde, bir kaynak tarafından kullanılan depolama alanı miktarının yanı sıra bu cihazdaki kaynak için maksimum kota gösterilir.

Şekil 3. Kullanım bölümünde, https://airhorner.com kaynağının 15.214 MB kotasından 66,9 KB'nın kullanıldığı gösterilmektedir.

Bir hizmet çalışanının yanıtları ne zaman önbelleğe aldığını görüntüleme

Önbelleğe Alma Depolama Alanı sekmesindeki yeni Önbelleğe Alma Zamanı sütunu, bir hizmet çalışanının yanıtları ne zaman önbelleğe aldığını gösterir.

Şekil 4. Önbelleğe Alınan Zaman sütunu

Komut menüsünden FPS Sayacı'nı etkinleştirme

Artık Komut Menüsü'nden FPS Sayacı'nı etkinleştirebilirsiniz.

Şekil 5. Komut menüsünden FPS Sayacı'nı etkinleştirme

Fare tekerleği davranışını, performans kayıtlarıyla yakınlaştırmak veya kaydırma yapmak için ayarlama

Ayarlar'ı açın ve Performans panelinde fare tekerleklerinin davranışını değiştirmek için yeni Alev grafiği fare tekerleği işlemi ayarını yapın.

Örneğin, bir kaydın Ana bölümünde fare tekerleğini kullandığınızda veya dokunmatik yüzeyde iki parmağınızla kaydırdığınızda varsayılan davranış yakınlaştırma veya uzaklaştırma olur. Ayarı Kaydırma olarak değiştirdiğinizde bu hareket artık yukarı veya aşağı kaydırmaya başlar.

Şekil 6. Flamechart fare tekerleği hareketi ayarı

ES6 modülleri için hata ayıklama desteği

ES6 modülleri, Chrome 61'de yerel olarak kullanıma sunulmuştur. DevTools ile ilgili olarak burada çok fazla işlem yapılmamaktadır. Hata ayıklama, beklediğiniz gibi çalışmaktadır. Kendi gözlerinizle görmek için Paul Irish'ın TodoMVC için ES6 modülü uygulamasında bazı kesme noktaları ayarlayıp adım adım ilerlemeyi deneyin.

Önizleme kanallarını indirme

Varsayılan geliştirme tarayıcınız olarak Chrome Canary, Yeni Geliştirilenler veya Beta sürümünü kullanabilirsiniz. Bu önizleme kanalları, en son DevTools özelliklerine erişmenize, en yeni web platformu API'lerini test etmenize ve sitenizdeki sorunları kullanıcılarınızdan önce 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 başka herhangi bir konu hakkında konuşmak için aşağıdaki seçenekleri kullanın.

• crbug.com adresinden bize geri bildirim ve özellik isteği gönderin.
• Geliştirici Araçları'nda more_vert Diğer seçenekler > Yardım > Geliştirici Araçları sorunu bildir'i kullanarak bir Geliştirici Araçları sorununu bildirin.
• @ChromeDevTools hesabına tweet gönderin.
• Geliştirici Araçları'ndaki yenilikler veya Geliştirici Araçları'yla ilgili ipuçları konulu YouTube videolarına yorum bırakın.

Geliştirici Araçları'ndaki yenilikler

DevTools'daki yenilikler serisinde ele alınan tüm konuların listesi.