Öğeler > DOM nesnelerinin özelliklerine göz atmak ve filtrelemek için Özellikler sekmesini kullanın.
Mülkler sekmesini açın
Tesisler sekmesini açmak için aşağıdaki adımları uygulayın:
- Geliştirici Araçları'nı açın. Varsayılan olarak Öğeler paneli açılır.
- DOM ağacında bir düğüm seçin.
- Özellikler sekmesini açın. Sekmeyi görmüyorsanız Diğer simgesini tıklayın ve açılır menüden sekmeyi seçin.
Spot kendi mülkleri
Özellikler sekmesi, nesnenin kendi özelliklerini sıralayıp önce kalın yazı tipiyle gösterir.
Devralınan bir mülkün kaynağını bulma
Özellikler sekmesi, yerleşik öğelerdeki erişim araçlarını değerlendirir ve bunları nesnede devralınan olarak normal yazı tipinde gösterir.
Devralınan bir mülkün kaynağını bulmak için bir nesneyi, ardından [[Prototype]] öğesini, ardından iç içe yerleştirilmiş [[Prototype]] öğesini ve diğer öğeleri genişletin.
Bu örnekte, prototip zincirindeki orijinal kendi (kalın) mülkü ve ilgili alıcıyı bularak devralınan size mülkünün nereden geldiğini izleyebilirsiniz.
Ayrıca, prototiplere özgü özellikler yalnızca prototiplerde gösterilir, nesnelerde gösterilmez. Bu sayede nesneleri teşhis etmek daha kolay olur.
Mülkleri filtrele
Bir mülkü hızlıca bulmak için Filtre giriş kutusuna mülkün adını veya değerini yazmaya başlayın.
Tüm tesisleri göster
Özellikler sekmesi varsayılan olarak null ve undefined değerlerine sahip özellikleri göstermez.
Tüm tesisleri görmek için Tümünü göster'i işaretleyin.
Özellikleri anlama
Öğeler > Özellikler sekmesinde çeşitli özellikler gösterilir.
Basit mülkler
Basit özellikler, <name>: <value> çiftleridir.
Nesneler ve diziler
Daraltılabilir () özellikler, {} nesneleri veya [] dizileridir.
JavaScript nesnelerini inceleme hakkında daha fazla bilgi için Nesne özelliklerini inceleme konusuna bakın.
DOM düğümlerine karşılık gelen özellikler
DOM düğümlerine karşılık gelen özellikler bağlantılardır. DOM ağacında ilgili düğümü seçmek için bir bağlantıyı tıklayın.
Sahip olunan ve devralınan mülkler
Kalın yazıyla yazılan özellikler nesnenin kendisine aittir. Bunlar doğrudan nesnede tanımlanır.
Normal yazı tipindeki özellikler prototip zincirinden devralınır. Geliştirici Araçları, size bunları göstermek için alakalı erişimcileri yerleşik HTML öğeleriyle değerlendirir.
DevTools, kendi mülklerinin daha kolay bulunabilmesi için önce kendi mülklerini sıralar.
Numaralanabilir ve numaralanamaz özellikler
Numaralandırılabilir özelliklerin parlak renkli olması gerekir. Numaralandırılamayan özellikler sessize alınmıştır.
.
Numaralandırılabilir özellikler üzerinde for … in döngüsü veya Object.keys() yöntemi ile yineleme yapabilirsiniz.
Yöntemler
Yöntemler f () ile işaretlenir.
İşlevler hakkında daha fazla bilgi için Console üzerinden İşlevleri inceleme bölümüne bakın.