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

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



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

ترفندهای پیشرفته برای Inspector مرورگر Chrome (قسمت 9) : ضبط تصاویر از لود سایت و کار با پنل استایل

0 188 ۱۴ شهریور ۹۵

inspector

ترفند 16 : مشاهده انتخابگرهای تطابق یافته

همونطور که میدونید شما میتونین در یک Rule یا دستور css همزمان چند انتخاب گر رو قرار بدین. برای مثال کد زیر رو در نظر بگیرید:

میبینید که کدهای css مشابهی رو برای تعدادی زیادی انتخابگر یا Selector بصورت همزمان قرار دادیم. Inspector قابلیتی رو در اختیارتون میزاره که با استفاده از اون میتونین بفهمید، چه انتخابگرهایی هم اکنون برای المنت مورد نظر تطابق کردن و فعال هستن. برای مثال سایت 7Learn رو باز کنید:match selector

بر روی مورد مشخص شده کلیک راست کرده و اون رو در Inspector باز کنید.match selector 2

حالا اگه در سمت راست بخش استایلها رو ببینید، بصورت زیر هست:match selector 3

میبینید که انتخابگر span.isnew رنگش با بقیه فرق میکنه و سفیده. این یعنی اینکه برای المنت فعلی این انتخابگر فعال هست.

ترفند 17 : جابجایی سریع در بخش استایلها

شما میتونین با استفاده از کلیدهای tab و shift + tab با سرعت بین انتخاب گرها و ویژگیها و مقادیر جابجا بشین و اونا رو تغییر بدین. برای مثال همون المنت بیان شده در ترفند بالا رو در نظر بگیرید. میتونیم با زدن دکمه tab به سمت جلو و با زدن دکمه های shift + tab به سمت عقب برگردیم و مواردی که میخایم رو ویرایش کنیم و یا اضافه کنیم. بصورت زیر:match selector 4

ترفند 18 : ضبط تصاویر از لود شدن سایت

شما میتونین به سادگی با استفاده از Inspector تصاویری از لود شدن سایتتون بگیرید و متوجه بشید که سایتتون در لحظه به لحظه چطور لود میشه و کاربران اون رو چطور میبینن. برای اینکار درون همین سایت 7learn به تب network میریم و بر روی icon مربوط به Capture Screenshots کلیک میکنیم تا فعال بشه:screen capture

بعد از اینکه این مورد رو فعال کردید، دکمه F5 رو بزنید تا مرورگر رفرش بشه و بعد از لود شدن کامل اطلاعات در اختیارتون قرار میگیره:screen capture 2

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

بهمین راحتی میتونین بین ویژگی ها جابجا بشید.

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

موفق باشید

یا علی

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

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

ارسال دیدگاه

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

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

ورود به سایت

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

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

عبارت :
7LearnTelegram