Oluşturma sekmesine genel bakış

Sofia Emelianova

DevTools'daki Oluşturma sekmesi özelliklerine genel bakış sayfasını inceleyerek web içeriği oluşturmayı etkileyen seçenekler koleksiyonunu keşfedin.

Genel Bakış

Oluşturma sekmesi sayesinde:

• Oluşturma performansıyla ilgili sorunları keşfedin. Nokta boyama, düzen kaymaları, katmanlar ve karolar, kaydırma sorunları, oluşturma istatistikleri ve Core Web Vitals'ı görüntüleme.
• CSS medya özelliklerini taklit edin. Sayfaların farklı CSS medya özellikleriyle nasıl oluşturulduğunu kodunuzda veya test ortamınızda manuel olarak belirtmeden test edin.
• Diğer faydalı efektleri uygulayabilirsiniz. Reklam çerçevelerini vurgulama, bir sayfadaki odağı taklit etme, yerel yazı tiplerini ve resim biçimlerini devre dışı bırakma, otomatik koyu temayı etkinleştirme ve görme eksikliklerini taklit etme.

Oluşturma sekmesini açın

Oluşturma sekmesini açmak için:

1. DevTools'u açın.

2. Komut Menüsü'nü açmak için Command+Shift+P (Mac) veya Control+Shift+P (Windows, Linux, ChromeOS) tuşlarına basın.

   

3. rendering yazmaya başlayın, Oluşturma işlemini göster'i seçin ve Enter tuşuna basın. DevTools, DevTools pencerenizin alt kısmında Oluşturma sekmesini gösterir.

Alternatif olarak, Oluşturma sekmesini aşağıdaki yöntemlerle de açabilirsiniz:

• Çekmece'yi 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.