مشخصات اشیاء DOM را مشاهده کنید

سوفیا املیانوا
Sofia Emelianova

از تب Elements > Properties برای مرور و فیلتر کردن خصوصیات اشیاء DOM استفاده کنید.

تب Properties را باز کنید

برای باز کردن تب Properties مراحل زیر را دنبال کنید:

  1. DevTools را باز کنید . به طور پیش فرض پنل Elements باز می شود.
  2. در درخت DOM، یک گره را انتخاب کنید.
  3. تب Properties را باز کنید. اگر نمی‌توانید برگه را ببینید، روی More کلیک کنید، سپس آن را از منوی کشویی انتخاب کنید.

پانل عناصر به تب Properties باز می شود

املاک خود را ببینید

تب Properties ابتدا خصوصیات خود شیء را مرتب می کند و با فونت پررنگ نمایش می دهد.

ALT_TEXT_HERE

منشا یک ملک ارثی را پیدا کنید

برگه Properties دسترسی ها را روی عناصر داخلی ارزیابی می کند و آنها را به صورت ارثی و با فونت معمولی روی شی نمایش می دهد.

برای پیدا کردن منشا یک ویژگی ارثی، یک شی را گسترش دهید، سپس [[Prototype]] آن، سپس [[Prototype]] تودرتو و غیره را گسترش دهید.

ردیابی ویژگی اندازه تا دریافت کننده آن در زنجیره نمونه اولیه.

در این مثال، می‌توانید با قرار دادن ویژگی اصلی خود (بولد) در زنجیره نمونه به همراه دریافت‌کننده مربوطه، مشخصه size ارثی از کجا آمده است.

علاوه بر این، ویژگی‌های خاص نمونه اولیه فقط در نمونه‌های اولیه نشان داده می‌شوند، نه روی اشیا. این امر تشخیص اشیاء را آسان تر می کند.

ویژگی های خاص نمونه اولیه

خواص فیلتر

برای یافتن سریع یک ویژگی، شروع به تایپ نام یا مقدار آن در کادر ورودی فیلتر کنید .

فیلتر کنید

نمایش تمام خواص

به طور پیش‌فرض، تب Properties ویژگی‌هایی را با مقادیر null و undefined نشان نمی‌دهد.

برای دیدن همه خواص، نمایش همه را علامت بزنید.

خواص با مقادیر تهی

خواص را درک کنید

تب Elements > Properties ویژگی های مختلفی را نشان می دهد.

خواص ساده

ویژگی های ساده جفت <name>: <value> هستند. خواص ساده

اشیا و آرایه ها

ویژگی های جمع شونده ( ) اشیاء {} یا آرایه ها [] هستند. خواص تاشو

برای اطلاعات بیشتر در مورد بازرسی اشیاء جاوا اسکریپت، به بررسی خصوصیات شیء مراجعه کنید.

ویژگی هایی که با گره های DOM مطابقت دارند

ویژگی هایی که با گره های DOM مطابقت دارند پیوند هستند. برای انتخاب گره مربوطه در درخت DOM روی پیوند کلیک کنید. پیوند به سر گره DOM.

دارایی های خود و ارثی

ویژگی های فونت پررنگ متعلق به شی است. آنها مستقیماً روی شی تعریف می شوند.

ویژگی های فونت معمولی از زنجیره نمونه اولیه به ارث می رسد. برای نشان دادن آنها به شما، DevTools دسترسی های مرتبط را روی عناصر HTML داخلی ارزیابی می کند. دارایی های خود و ارثی. DevTools ابتدا ویژگی‌های خود را مرتب می‌کند تا تشخیص آنها را آسان‌تر کند.

خواص قابل شمارش و غیرقابل شمارش

خواص بی شماری به رنگ روشن هستند. ویژگی های غیرقابل شمارش بی صدا هستند. خواص قابل شمارش و غیرقابل شمارش. می توانید با استفاده از متد for … in حلقه یا Object.keys() روی ویژگی های شمارش شونده تکرار کنید.

روش ها

متدها با f () مشخص شده اند. روش.

برای اطلاعات بیشتر در مورد عملکردها، به بررسی عملکردها از طریق کنسول مراجعه کنید.