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

Kayce Basques

Chrome 61'de Geliştirici Araçları'nda sunulacak yeni özellikler ve önemli değişiklikler şunlardır:

• Mobil cihaz kısıtlama simülasyonu. CPU ve ağ kısıtlamayı aynı anda şu değere ayarla: Orta seviye veya düşük teknolojiye sahip mobil cihazları simüle eder.
• Depolama alanı kullanımı. Bir kaynağın ne kadar depolama alanı kullandığını, teknolojiye göre ayrılmış şekilde görüntüleme (IndexedDB, önbellek, yerel, oturum vb.).
• Önbellek zaman damgaları. Hizmet çalışanının bir yanıtı önbelleğe aldığı zamanı görüntüleyin.
• Komut menüsünden FPS Meter'ı etkinleştirin.
• Performans panelinde fare tekerleği ve dokunmatik yüzey davranışını değiştirin.
• ES6 modüllerinde yerel olarak hata ayıklayın.

Daha fazla bilgi edinmek için aşağıdaki sürüm notlarının video sürümüne göz atın veya okumaya devam edin.

Cihaz Modu'nda eski ve orta seviye mobil cihazları simüle edin

Cihaz Modu Hızlandırma menüsü artık varsayılan olarak açıktır ve herhangi bir düşük teknolojili veya orta seviye mobil cihaz kullanmak isteyebilir.

Şekil 1. Kısıtlama Menüsü

2. Şekil. Şurayı görmek için fareyle Kısıtlama menüsünün üzerine gelin veya Yakalama Ayarları menüsünü açın: Orta katman mobil ve Düşük teknoloji mobil tanımları

Depolama alanı kullanımını göster

Uygulama panelinin Depolama Alanını Temizle sekmesinde bulunan yeni Kullanım bölümünde, kaynağın kullandığı depolama alanı miktarı ve bu cihazdaki kaynağa yönelik maksimum kota.

3. Şekil. Kullanım bölümünde, https://airhorner.com ürününün kaynağın 15.214 MB kotasını

Hizmet çalışanı yanıtları önbelleğe aldığında göster

Önbellek Depolama sekmesindeki yeni Önbelleğe Alınan Süre sütunu, bir hizmet çalışanının önbelleğe aldığı zamanı gösterir tıklayın.

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

Komut menüsünden FPS Meter'ı etkinleştirin

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

5. Şekil. Komut Menüsünden FPS Meter'ı etkinleştirme

Performans kayıtlarıyla yakınlaştırmak veya kaydırmak için fare tekerleği davranışını ayarlayın

Nasıl değiştirileceğini değiştirmek için Ayarlar'ı açıp yeni Flamegrafik fare tekerleği işlemi ayarını belirleyin fare tekerlekleri, Performans panelinde çalışır.

Örneğin, bir kaydın Ana bölümünde fare tekerleğini kullandığınızda veya ekranı kaydırdığınızda iki parmağınızla dokunmatik yüzeydeyken, varsayılan davranış yakınlaştırma veya uzaklaştırmadır. Kaydırma olarak ayarlandığında bu hareket artık yukarı veya aşağı kaydırılır.

6. Şekil. Flamegrafik fare tekerleği işlemi ayarı

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

ES6 Modülleri, Chrome 61'de yerel olarak gönderilir. Şu an için çalışan bir kurumda Diğer hata ayıklama araçları beklediğiniz gibi çalışır. İş e-postasında ve sizlerle görmek için Paul Ireland'ın ES6-Module-uygulamasına TodoMVC göz atalım.

Önizleme kanallarını indirme

Varsayılan geliştirme tarayıcınız olarak Chrome Canary, Dev veya Beta'yı kullanabilirsiniz. Bu önizleme kanalları en yeni Geliştirici Araçları özelliklerine erişmenizi, son teknoloji ürünü web platformu API'lerini test etmenizi ve kullanıcılarınızdan önce sitenizdeki sorunları bulmanızı sağlar.

Chrome Geliştirici Araçları ekibiyle iletişim kurma

Yayındaki yeni özellikleri ve değişiklikleri ya da Geliştirici Araçları ile ilgili diğer her şeyi tartışmak için aşağıdaki seçenekleri kullanın.

• Öneri veya geri bildirimlerinizi crbug.com adresinden bize iletebilirsiniz.
• Geliştirici Araçları sorunlarını bildirmek için Diğer seçenekler'i > Yardım > Geliştirici Araçları'nda Geliştirici Araçları ile ilgili sorunları bildirin.
• @ChromeDevTools adresinden tweet atabilirsiniz.
• Geliştirici Araçları YouTube videoları veya Geliştirici Araçları ipuçları YouTube videolarına yorum yazın.

Geliştirici Araçları'ndaki yenilikler

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