ترفند 6 : انتخاب سطر و ستون مشخص
شاید تا حالا زیاد دیده باشید که میتونین به راحتی به خط یا line مشخصی برید. برای اینکار در سایت w3schools ابزار Inspector رو باز میکنیم و وارد تب sources میشیم و فایل w3.css رو باز میکنیم. حالا برای رفتن به خط 15 بصورت زیر عمل میکنیم. در ابتدا کلیدهای ترکیبی ctrl+o رو میزنیم تا یک پنجرا باز بشه:
درون باکس باز شده عبارت :15 رو تایپ کرده و اینتر بزنید. با اینکار به خط 15 منتقل میشید. حالا اگر بخوایم به ستون 20 همون خط 15 منتقل بشیم باید عبارت :15:20 رو تایپ کرده و اینتر بزنیم. با اینکار اشاره گر ماوس به خط 15 و ستون 20 میره.
ترفند 7 : انتخاب ستونی با استفاده از درگ کردن ماوس
اگر درون همون فایلی که بالا باز کردیم، ماوسمون رو پایین نگه داشته و درگ کنیم، کدهای بصورت زیر انتخاب میشن:
حالا شما میتونین بجای درگ کردن ساده، کلید Alt روی کیبورد نگه دارید و درگ کنید. با اینکار از نقطه ابتدا تا انتها همه ستونها انتخاب میشن و اگر چیزی رو تایپ کنید، درون هر سطر نوشته میشه:
این مورد میتونه بعضی جاها به کمک شما بیاد و کارتون رو خیلی سریعتر انجام بدید.
ترفند 8 : باز کردن همه گرههای فرزند یک المنت با یک کلیک
همونطور که میدونید در تب Elements تمام المنتها و تگهای HTML که سایت رو ساختن کنار همدیگه قرار داده شدن و شما میتونین اونا رو ببینید. همونطور که اطلاع دارید برای دیدن فرزندان یک المنت، باید بر روی مثلث کنار اون کلیک کنید، تا لیست فرزندانش باز بشه. حالا اگه فرزندان اون المنت، خودشون هم دارای فرزندان دیگه ای باشن باید همینکارو برای اونا تکرار کنید. بصورت زیر:
حالا اگه بخایم همه فرزندان یک المنت رو تنها با یک کلیک باز کرده و مشاهده کنیم، کافیه که کلیک Alt رو نگه داشته و بر روی مثلث مورد نظر کلیک کنیم. بصورت زیر:
دیدید که تنها با یک کلیک تونستیم همه فرزندان رو نگاه کنیم. این مورد هم برای افرادی که خیلی با Inspector سرو کار دارن میتونه مفید باشه و بدردشون بخوره.
امیدوارم از این مطلب خوشتون اومده باشه.
موفق باشید
یا علی
اولین دیدگاه این پست رو تو بنویس !