آموزش اینسپکت المنت (INSPECT ELEMENT) – جلسه 4

اموزش تب کنسول در اینسپکت المنت

آموزش اینسپکت المنت (INSPECT ELEMENT) – جلسه 4

اموزش تب کنسول اینسپکت المنت

این دوره برای تمامی افرادی که با دنیای وب در ارتباط هستند مناسب است و هیچ محدودیتی در یادگیری وجود نداره.درصورتی که قسمت های قبلی این دوره را هنوز مشاهده نکرده اید، میتوانید از زیر همین پست جلسات قبلی را دنبال نمایید.

تب کنسول اینسپکت المنت از اهمیت بسیار زیادی برخوردار است. آموزش قدم به قدم در مورد اینسپکتور مرورگر کروم و اموزش تب کنسول به صورت ویژه می تواند موجب افزایش توانایی و قدرت برنامه نویسی شخص در حوزه طراحی سایت شود.

در این دوره قراره تا با هم یاد بگیریم که به عنوان یک برنامه نویس Front-end و یا حتی Back-end چطور به درستی از اینسپکت المنت استفاده کنیم. همچنین یک سری ترفند برای کاربرانی که از وب استفاده میکنند در نظر گرفتیم.

این جلسه شامل موارد زیر است :

  • اجرا کردن چند اسکریپت و اموزش تب کنسول اینسپکت المنت در ویکیپدیا
  • نمایش کوکی های کاربر در تب کنسول با اجرای اسکریپت document.cookie
  • اجرای اسکریپت jQuery

تب کنسول اینسپکت المنت

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

در صورتی که تمایل به یادکیری در مورد اینسپکت المنت دارید می توانید زیر همین پست ، تمام آموزش ها را به صورت رایگان مشاهده نمایید.

در صورت وجود هرگونه سوال، نکته یا ابهام در مورد آموزش ها میتوانید به صورت مستقیم با مدرس دوره در ارتباط باشید. کافی است که در هر قسمت از آموزش ویدیو، کامنت مورد نظر خود را ارسال کنید تا مدرس دوره شخصا به آن پاسخ دهد.

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

تمام ویدیو‌های آموزش  Inspect Element

۲ نظر
  • محمدزاده
    ارسال در : ۱۰:۰۴h, ۲۰ فروردین پاسخ

    با سلام و عرض ادب

    من می خواستم به وسیله تب کنسول ، کلیک یه دکمه در صفحه رو شبیه سازی کنم که گشتم متوجه شدم باید از این کد استفاده کنم :

    document.getElementById(“demo”).click();

    اما اون تگ مورد نظر من ، id نداره فقط اسم کلاس و چند تا گزینه دیگه داره و کد بالا برام جواب نمی ده .

    دستور Document.getElementsByClassName() کار کد بالا رو انجام نمی ده متاسفانه .

    ممنون می شم اگر راهنمایی بفرمایید .

    با تشکر فراوان

    • هولوسن
      ارسال در : ۲۲:۰۴h, ۲۲ فروردین پاسخ

      سلام دوست عزیز
      برای استفاده از کد document.getElementsByClassName به دلیل این که تعداد المنت هایی که در یک داکیومنت میتوانند از یک کلاس استفاده کنند میتواند بیشتر از یک هم باشد باید بصورت حلقه استفاده شود تا روی تمام المنت های دارای کلاس مورد نظر بتوان کنترل داشت.
      یک نمونه از کد در زیر برای شما آورده شده که میتوانید از آن برای انجام کار خود کمک بگیرید :

      var elments= document.getElementsByClassName("yourClassName");
      for (var i = 0; i < elments.length; i++) { CallYourFunction(elments.item(i)); }

فرم ارسال نظر