Oluşturma sekmesine genel bakış

Sofia Emelianova

Geliştirici Araçları'ndaki Oluşturma sekmesi özelliklerine ilişkin bu genel bakışla web içeriği oluşturmayı etkileyen seçenekleri keşfedin.

Genel bakış

Oluşturma sekmesi size şu konularda yardımcı olur:

• Oluşturma performansı sorunlarını keşfedin. Nokta yeniden boyama, düzen kaymaları, katmanlar ve bloklar, kaydırma sorunları, oluşturma istatistiklerini ve Core Web Vitals'ı inceleyin.
• CSS medya özelliklerini emüle edin. Kodunuzda veya test ortamınızda manuel olarak belirtmeden sayfaların farklı CSS medya özellikleriyle nasıl oluşturulduklarını test edin.
• Diğer faydalı efektleri uygulayın. Reklam çerçevelerini vurgulayın, sayfaya odaklanmaya benzer şekilde çalışın, yerel yazı tipleri ile resim biçimlerini devre dışı bırakın, otomatik koyu temayı etkinleştirin ve görme bozukluğu emülasyonunu kullanın.

Oluşturma sekmesini aç

Oluşturma sekmesini açmak için:

1. Geliştirici Araçları'nı açın.

2. Command+Üst Karakter+P (Mac) veya Control+Üst Karakter+P (Windows, Linux, ChromeOS) tuşlarına basarak Command Menüsü'nü açın.

   

3. rendering yazmaya başlayın, Oluşturmayı Göster'i seçin ve Enter tuşuna basın. DevTools, Geliştirici Araçları pencerenizin alt kısmında Oluşturma sekmesini görüntüler.

Önemli nokta: Oluşturma sekmesini açmanın yanı sıra herhangi bir seçeneği aramak ve etkinleştirmek için Command menüsünü de kullanabilirsiniz. emulate gibi bir seçenek adı yazmayı deneyin.

Alternatif olarak, Oluşturma sekmesini aşağıdaki yollarla açabilirsiniz:

• Çekmeceyi açmak için Esc tuşuna basın ve sol üst köşede Diğer Araçlar > Oluşturma'yı tıklayın.
• Sağ üst köşede, Diğer Seçenekler > Diğer Araçlar > Oluşturma'yı tıklayın.