پردیس وردپرس

در این قسمت از آموزش های جاوا اسکریپت سراغ ابزار های مرورگر که برای شروع به آن ها نیاز داریم می رویم. برای دیباگ کردن کدهایمان به ابزارهایی نیاز داریم که مثلا به ما بگوید کجای کد ما اشتباه است. خوشبختانه این ابزار به صورت پیش فرض در مرورگرهای امروزی وجود دارد. در واقع همه مرورگرها به صورت پیش‌فرض سیستم‌هایی برای توسعه وب‌سایت‌ دارند. این ابزارها که در حالت عادی از دید کاربران مخفی هستند، Developer Tools نام دارند. کنسول مرورگر و تب توسعه دهندگان برای نمایش ابزار مخصوص توسعه‌دهندگان در مرورگر کروم مراحل زیر را طی کنید: نمایش ابزار توسعه‌دهندگان در مرورگر کروم روی صفحه در مرورگر کلیک راست کرده و گزینه Inspect را بزنید. یا این که دکمه F12 ویندوز را بزنید. نمایش ابزار توسعه‌دهندگان در مرورگر فایرفاکس در این جا نیز مانند فوق روی صفحه راست کلیک کنید و گزینه Inspect Element را بزنید. از دکمه F12 هم می توانید استفاده کنید. تصویر باز شده در هردو یکسان است و تفاوت چندانی ندارد. آشنایی با بخش Elements این بخش از Developer Tools کدهای اچ‌تی‌ام‌ال و سی‌اس‌اس نهایی را نمایش می‌دهد. شما می‌توانید از طریق این بخش تمامی تگ‌های اچ‌تی‌ام‌ال صفحه را مشاهده کنید. همچنین در سمت راست این پنجره، یک بخش مخصوص نمایش CSS-ها وجود دارد که با رفتن روی هر المان، می‌توانید دستورات CSS اعمال‌شده روی آن را در سمت ر, ...ادامه مطلب