Nesne paneline genel bakış

Dale St. Marthe
Dale St. Marthe

DOM öğelerini incelemek ve düzenlemek için Öğeler panelini kullanın.

Genel Bakış

Öğeler paneli, DOM'u incelemek ve değiştirmek için güçlü bir arayüz sağlar. Belirli DOM düğümlerini seçmek ve bunları diğer araçlarla değiştirmek için HTML dokümanı gibi görünen DOM ağacını kullanabilirsiniz.

Öğeler panelinde, alakalı araçları içeren aşağıdaki sekmeler de bulunur:

Öğeler panelini açma

Varsayılan olarak, Geliştirici Araçları'nı açtığınızda Nesneler paneli açılır. Öğeler panelini otomatik olarak açmak için sayfanın herhangi bir yerinde bir düğümü inceleyebilirsiniz.

Nesneler panelini manuel olarak açmak için:

  1. DevTools'u açın.
  2. Aşağıdaki tuşlara basarak Komut menüsünü açın:
    • macOS: Command+Shift+P
    • Windows, Linux, ChromeOS: Denetleyici+Üst Karakter+P
  3. Elements yazmaya başlayın, Öğeleri Göster'i seçin ve Enter tuşuna basın. DevTools, DevTools pencerenizin alt kısmındaki Çekmece'de Öğeler panelini gösterir.