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

۵۶٠ visibility ٢ mode_comment

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

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

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

موفق باشید

یا علی

comment دیدگاه کاربران
Rohollah Shahbazi

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

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

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.