از پنجره Elements > Properties برای مرور و فیلتر کردن خصوصیات اشیاء DOM استفاده کنید.
برای باز کردن پنجره Properties مراحل زیر را دنبال کنید:
- DevTools را باز کنید . به طور پیش فرض پنل Elements باز می شود.
- در درخت DOM، یک گره را انتخاب کنید.
- تب Properties را باز کنید. اگر نمی توانید برگه را ببینید، روی More کلیک کنید
، سپس آن را از منوی کشویی انتخاب کنید.
پنجره Properties ابتدا ویژگی های خود شی را مرتب می کند و با فونت پررنگ نمایش می دهد.
پنجره Properties دسترسی ها را روی عناصر داخلی ارزیابی می کند و آنها را به صورت ارثی و با فونت معمولی روی شی نمایش می دهد.
برای پیدا کردن منشا یک ویژگی ارثی، یک شی را گسترش دهید، سپس [[Prototype]]
آن، سپس [[Prototype]]
تودرتو و غیره را گسترش دهید.
در این مثال، میتوانید با قرار دادن ویژگی اصلی خود (بولد) در زنجیره نمونه به همراه دریافتکننده مربوطه، مشخصه size
ارثی از کجا آمده است.
علاوه بر این، ویژگیهای خاص نمونه اولیه فقط در نمونههای اولیه نشان داده میشوند، نه روی اشیا. این امر تشخیص اشیاء را آسان تر می کند.
برای یافتن سریع یک ویژگی، شروع به تایپ نام یا مقدار آن در کادر متنی Filter کنید.
به طور پیشفرض، پنجره Properties ویژگیهایی را با مقادیر null
و undefined
نشان نمیدهد.
برای دیدن همه خواص، نمایش همه را علامت بزنید.
پنجره Elements > Properties ویژگی های مختلفی را نشان می دهد.
ویژگی های ساده جفت <name>: <value>
هستند.
تاشو ( ) خواص اشیاء
{}
یا آرایهها []
هستند.
برای اطلاعات بیشتر در مورد بازرسی اشیاء جاوا اسکریپت، به بررسی خصوصیات شیء مراجعه کنید.
ویژگی هایی که با گره های DOM مطابقت دارند پیوند هستند. برای انتخاب گره مربوطه در درخت DOM روی پیوند کلیک کنید.
ویژگی های فونت پررنگ متعلق به شی است. آنها مستقیماً روی شی تعریف می شوند.
ویژگی های فونت معمولی از زنجیره نمونه اولیه به ارث می رسد. برای نشان دادن آنها به شما، DevTools دسترسی های مرتبط را روی عناصر HTML داخلی ارزیابی می کند. DevTools ابتدا ویژگیهای خود را مرتب میکند تا تشخیص آنها را آسانتر کند.
خواص بی شماری به رنگ روشن هستند. ویژگی های غیرقابل شمارش بی صدا هستند. می توانید با استفاده از متد
for … in
حلقه یا Object.keys()
روی ویژگی های شمارش شونده تکرار کنید.
متدها با f ()
مشخص شده اند.
برای اطلاعات بیشتر در مورد عملکردها، به بررسی عملکردها از طریق کنسول مراجعه کنید.