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

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



  آیا می دانید میانگین رضایت دانشجویان سون لرن از دوره ها، بیش از 94% می باشد!

ترفندهای پیشرفته برای Inspector مرورگر Chrome (قسمت 14) : ترفندهای تب Elements

2 236 ۲۴ شهریور ۹۵

inspector

ترفند 25 : مرتب کردن کدهای HTML

همونطور که میدونید ما میتونیم در تب Elements بر روی یک المنت کلیک راست کرده و با انتخاب گزینه Edit HTML، کدهای درون اون رو دستکاری کنیم. بیشتر مواقع کدهای درون اون بهم ریخته و نامرتب هستند. با استفاده از این ترفند میتونین اون کدها رو مرتبتر کنید. برای اینکار وارد سایت w3schools میشیم و Inspector رو باز میکنیم:inspector elements

میبینید که یکی از المنتها رو انتخاب کردم. بر روی اون کلیک راست میکنم و Edit as HTML رو میزنم:inspector elements 2

با اینکار تمام کدهای اون باز میشه و میتونین اونا رو ویرایش کنید.inspector elements 3

میبینید که یک مقدار Indentation ها خوب نیس و خیلی مرتب نیست. شما در اینجا میتونین ctrl + A بزنید تا همه کدها انتخاب بشن و بعد از اون shift + tab رو مجددا بزنید تا کدهاتون مرتب تر بشن.inspector elements 4

بهمین راحتی.

ترفند 26 : کپی کردن انتخابگر CSS یک المنت

شما میتونین بر روی یک المنت کلیک راست کرده و گزینه copy selector رو انتخاب کنید تا انتخابگر CSS متناسب با اون در حافظه موقت ذخیره بشه و از اون در هر جا خواستید میتونین استفاده کنید. برای اینکار بر روی همون المنت بالایی کلیک راست کرده و گزینه زیر را انتخاب میکنیم:inspector copy selector

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

بهمین راحتی انتخابگر متناسب با اون رو بدست آوردیم.

ترفند 27 : تغییر مکان المنتها با استفاده از Drag & Drop

شما میتونین به آسونی المنتهایی که در صفحه وجود دارن رو تغییر مکان بدین و همون لحظه تغییرات رو ببینید. برای اینکار لازم نیس که المنتها رو کپی و paste کنید. فقط کافیه که المنت مورد نظرتون رو درگ کرده و در منطقه مورد نظرتون Drop کنید. بصورت زیر:inspector drag and drop

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

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

موفق باشید

یا علی

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

دیدگاه ها 2 دیدگاه برای این مطلب ارسال شده است.

  • ‏‏
    Rohollah Shahbazi(۲۷ شهریور ۱۳۹۵)

    با عرض سلام و خسته نباشید خدمت مهندس اسفندیاری
    میخواستم بگم که بحث ویرایش تگ های html که چند باری برای خودم پیش اومده بود در ضمینه فراموش کردن رمز عبور ها بود که رمز توسط مرورگر سیو بود و به صورت ستاره نمایش داده میشد و به سادگی با انتخاب اون input و تغییر type از password به text میشد کلمه رو دباره برای خودم یادآوری کنم و به صورت عدد ببینم
    این قضیه فک کنم به خوانده ها یاد آوری کنه اگه سیستمتون دست کسی میوفته بدونید با سیو کردن پسورد خطر بزرگی رو تقبل کردین و صرفا نمایش پسورد به صورت ستاره جلو کسی رو نمیگیره.
    با تشکر از زحمات شما در ضمینه ی آموزش

    • ‏‏
      محمد اسفندیاری(۲۷ شهریور ۱۳۹۵)

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

  • ارسال دیدگاه

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

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

    ورود به سایت

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

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

    عبارت :
    7LearnTelegram