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

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



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

تم و قالبی زیبا برای Inspector مرورگر Chrome

0 463 ۱۳ مرداد ۹۵

inspector

در این مطلب میخام به شما آموزش بدم که چطور Inspector مرورگر خودتون رو زیبا کنید و از Debug کردن بیشتر لذت ببرید. بالاخره من و شما که طراح وب هستیم بیشتر وقتا سرو کلمون تو همین محیطهای این چنینی هست و هر چه این محیط ها زیباتر باشه، شوق به کار بیشتر میشه.

در ابتدا ازتون میخام که مرورگر کروم خودتون رو آپدیت کنید. برای اینکار هم کافیه که به صفحه About Chrome برید و اینکار بصورت اتوماتیک انجام میشه. بعد از اینکه بروزرسانی به پایان رسید Inspector مرورگر خودتون رو باز کنید و ظاهر اون رو ببینید. چیزی شبیه به عکس زیر هست:inspector 1

میبینید که قالب پیش فرض Inspector به چه شکلی هست. حالا بیشتر افراد دوس دارن با محیطی کار کنن که زمینه اون تیره باشه. خود Inspector اخیرا یک قالب و تم تیره درون خودش قرار داده و میتونین از اون استفاده کنید. برای تغییر دادن قالب به تیره، باید مراحل زیر رو انجام بدید. در ابتدا بر روی گزینه Setting کلیک کنید:inspector 2

با اینکار پنجره ای باز میشه و میتونین تنظیمات Inspector رو در اون تغییر بدین. در همون قسمت بالا یک گزینه بنام Theme وجود داره:inspector 3

با انتخاب گزینه Dark بعد از چند لحظه قالب Inspector تیره میشه. بصورت زیر:inspector 4

میبینید که قالب تیره رنگ شد. من خودم قالب تیره رنگ رو خیلی بیشتر دوس دارم. حالا میخام یه قالب دیگه رو که توسط دیگران ساخته شده و محبوب هست خدمتتون معرفی کنیم و نحوه فعال کردن اون رو بگیم. در ابتدا باید به این لینک برید و پلاگین Zero Dark Matrix رو بر روی مرورگر کروم خودتون نصب کنید. بعد از اینکه پلاگین بر روی مرورگرتون نصب شد، یک تب جدید باز کنید و عبارت chrome://flags/#enable-devtools-experiments رو تایپ کنید و Enter بزنید. با اینکار وارد یک صفحه میشید. همونطور که میبینید تعداد موارد زیادی وجود داره و ما در اینجا Developer Tools experiments مدنظرمون هست. یک لینک Enable زیر اون وجود داره، بر روی اون کلیک کنید تا این مورد فعال بشه.inspector 5

با اینکار یک پیام در زیر مرورگر به شما نشون داده میشه:inspector 6

بر روی دکمه RELAUNCH NOW کلیک میکنیم تا مرورگر Restart بشه. بعد از اینکه مرورگر Restart شد حالا Inspector رو باز کنید و مجددا به Setting اون برید و تب Experiments رو انتخاب کنید. درون این بخش گزینه های زیادی وجود داره و در اینجا شما فقط باید تیک Allow custom UI themes رو بزنید تا فعال بشه.inspector 7

حالا یکبار Inspector رو ببندید و مجددا باز کنید و میبینید که قالب Inspector عوض شده:inspector 8

همونطور که دیدید ظاهر Inspector خیلی زیبا شده و خیلی از موارد اون دچار تغییر شده. برای دیدن همه تغییرات میتونین به این لینک برید.

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

موفق باشید

یا علی

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

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

ارسال دیدگاه

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

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

ورود به سایت

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

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

عبارت :
7LearnTelegram