• illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

    حرفه ای ترین دوره آموزش طراحی قالب وردپرس



  آیا می دانید با دوره های آموزشی سون لرن می توانید از 0 تا 100 طراحی وب را در منزل فراگیرید!

ترفندهای پیشرفته برای Inspector مرورگر Chrome (قسمت 11) : اضافه کردن سریع رنگ و کار با Console

0 191 ۱۷ شهریور ۹۵

inspector

ترفند 21 : اضافه کردن سریع رنگ پس زمینه و متن

بیشتر وقتا لازمه برای تست، رنگ متن یا پس زمینه به استایلهامون اضافه کنیم. برای اینکار لازم نیس که چیزی تایپ کنید و به سرعت میتونین این کارو انجام بدین. سایت w3scools رو باز کرده و در اون Inspector رو باز کنید. تگ body رو انتخاب کنید:inspector add color

اگر به سمت راست و در بخش استایل ها نگاه کنیم، بصورت زیر هست:inspector add color 2

اگر بر روی ... مشخص شده در بالا هاور کنیم، بصورت زیر خواهد شد:inspector add color 3

  1. با استفاده از این آیکون میتونین یک رنگ پس زمینه اضافه کنید
  2. با استفاده از این آیکون میتونین یک رنگ متن اضافه کنید

روش کلی بصورت زیر هست:inspector add color 4

دیدید که چقدر راحت میشه این کار رو انجام داد.

ترفند 22 : ثبت کردن بهتر آرایه و object با استفاده از console.log

همونطور که میدونین میتونین درون console کارهای زیادی رو انجام بدین و کدهاتون رو تست کنید. برای مثال من این آرایه رو در Console قرار میدم:

همونطور که میبینید این آرایه سه عضو داره و هر عضو اون یک شئ هست. این کد رو درون Console قرار میدم و اینتر میزنم:console table array

همونطور که دیدید متغیر languages رو تعریف کردم و undefined به من برگشت داده شد. تا قبل از این هر وقت میخاستیم یک آرایه رو چاپ کنیم، بصورت console.log عمل میکردیم که نتیجش بصورت زیر میشه:console table array 2

یه راه بهتر و حرفه ای تر هست که میتونیم آرایه ها رو با استفاده از اون چاپ کنیم. برای اینکار از console.table استفاده میکنیم:console table array 3

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

امیدوارم از این مطلب خوشتون اومده باشه.

موفق باشید

یا علی

:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

دیدگاه ها اولین دیدگاه این مطلب را ارسال کنید.

ارسال دیدگاه

ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

:: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
عضویت/ ورود سریع با :
در حال اتصال ...

ورود به سایت

ورود سریع با :
در حال اتصال ...

جستجو در سون لرن

عبارت :
7LearnTelegram