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

Kayce Basques

Chrome 61'de Geliştirici Araçları'na eklenecek yeni özellikler ve önemli değişiklikler:

• Mobil cihaz kısıtlama simülasyonu. Orta veya düşük segment 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ış olarak görüntüleyin.
• Önbellek zaman damgaları. Bir hizmet çalışanının yanıtı ne zaman önbelleğe aldığını görüntüleyin.
• Komut menüsünden FPS ölçeri etkinleştirin.
• Performans panelinde fare tekerleği ve izleme dörtgeni davranışını değiştirme
• ES6 modüllerinde yerel olarak hata ayıklama.

Bu sürüm notlarının video versiyonunu aşağıda bulabilir veya daha fazla bilgi edinmek için okumaya devam edebilirsiniz.

Cihaz modunda düşük ve orta seviye mobil cihazların simülasyonunu yapma

Cihaz Modu Sınırlama menüsü artık varsayılan olarak gösteriliyor ve birkaç tıklamayla düşük veya orta seviye bir mobil cihazı simüle etmenize olanak tanıyor.

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

Şekil 2. Sınırlama menüsünün üzerine gelin veya Orta seviye mobil ve Düşük seviye mobil tanımlarını görmek için Çekim 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 kaynağın ne kadar depolama alanı kullandığı ve 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'lık kotasının 66,9 KB'lık kısmının kullanıldığı gösteriliyor.

Bir hizmet çalışanı yanıtları ne zaman önbelleğe aldı?

Ö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ınma Zamanı sütunu

Komut menüsünden FPS ölçeri etkinleştirme

Artık Komut Menüsü'nden FPS Ölçer'i etkinleştirebilirsiniz.

Şekil 5. Komut Menüsü'nden FPS Ölçer'i etkinleştirme

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

Ayarlar'ı açın ve Flamechart fare tekerleği işlemi ayarını yaparak Performans panelinde fare tekerleklerinin davranışını değiştirin.

Ö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ırmadır. Ayarı Kaydırma olarak değiştirdiğinizde bu hareket artık yukarı veya aşağı kaydırır.

Ş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 sunuluyor. Hata ayıklama işleminin beklendiği gibi çalışması dışında, Geliştirici Araçları ile ilgili pek bir şey yok. Kendiniz görmek için TodoMVC'nin Paul Irish'in ES6-Module-implementation'ında bazı kesme noktaları ayarlamayı ve adımları tek tek incelemeyi deneyin.

Önizleme kanallarını indirme

Varsayılan geliştirme tarayıcınız olarak Chrome Canary, Dev veya Beta'yı kullanmayı düşünebilirsiniz. Bu önizleme kanalları, en yeni DevTools özelliklerine erişmenizi sağlar, en yeni web platformu API'lerini test etmenize olanak tanır ve kullanıcılarınızdan önce sitenizdeki sorunları 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 diğer konuları tartışmak için aşağıdaki seçenekleri kullanın.

• crbug.com adresinden bize geri bildirim ve özellik istekleri gönderebilirsiniz.
• Geliştirici Araçları'nda more_vert Diğer seçenekler > Yardım > Geliştirici Araçları sorunu bildir'i kullanarak Geliştirici Araçları sorunu bildirin.
• @ChromeDevTools'a tweet gönderin.
• Geliştirici Araçları'ndaki yenilikler YouTube videolarına veya Geliştirici Araçları İpuçları YouTube videolarına yorum bırakın.

Geliştirici Araçları'ndaki yenilikler

Geliştirici Araçları'ndaki yenilikler serisinde ele alınan her şeyin listesi.