DevTools را سفارشی کنید

این صفحه راه هایی را فهرست می کند که می توانید ابزارهای توسعه دهنده کروم را سفارشی کنید.

تنظیمات

Settings > Preferences شامل گزینه های زیادی برای سفارشی کردن DevTools است.

به باز کردن تنظیمات و تنظیمات برگزیده مراجعه کنید.

تم تاریک

می‌توانید تم تیره را در تنظیمات یا منوی فرمان فعال کنید.

تم تاریک.

  1. منوی فرمان را باز کنید .
  2. شروع به تایپ dark کنید، دستور Switch to dark theme را انتخاب کنید و سپس Enter را فشار دهید تا دستور اجرا شود.

    دستور تم تاریک.

  3. همچنین، طرح زمینه خود را در > تنظیمات برگزیده > ظاهر > تم ها تنظیم کنید.

تم پویا

DevTools می‌تواند به‌طور خودکار با تم رنگی Chrome مطابقت داشته باشد.

برای تنظیم موضوع:

  1. یک تب جدید باز کنید و روی سفارشی کردن کروم در گوشه پایین سمت راست کلیک کنید.
  2. در Appearance ، یک طرح زمینه را از طریق انتخاب کنید. تم ها را تغییر دهید یا یک پالت رنگی را انتخاب کنید.

DevTools با تم رنگی انتخاب شده در Appearance مطابقت دارد.

کشو

کشو شامل بسیاری از ویژگی های پنهان است.

Escape را فشار دهید تا کشو باز یا بسته شود.

کشو.

روی More Tools کلیک کنید تا برگه های دیگر کشو باز شود.

دکمه More Tools که سایر تب های کشو را باز می کند.

تغییر مکان DevTools

به‌طور پیش‌فرض، DevTools در سمت راست نمای شما قرار دارد. همچنین می توانید به سمت پایین یا سمت چپ متصل شوید یا DevTools را در یک پنجره جداگانه باز کنید.

شما می توانید محل قرارگیری DevTools را به دو روش تغییر دهید:

  • منوی اصلی : Customize And Control DevTools را باز کرده و کلیک کنید:
    • در پنجره جداگانه باز کنید
    • بارانداز به چپ
    • بارانداز به پایین
    • بارانداز به راست
  • منوی فرمان :

    1. منوی فرمان را باز کنید .
    2. شروع به تایپ کردن dock کنید و یکی از گزینه‌های پیشنهادی را انتخاب کنید: پایه به پایین، چپ، راست، باز کردن یا بازیابی آخرین موقعیت اسکله.

گزینه docking پیشنهادی در منوی فرمان.

برای تغییر حالت بازیابی آخرین موقعیت داک با میانبر صفحه کلید، فشار دهید:

  • در لینوکس یا ویندوز: Control + Shift + D
  • در MacOS: Command + Shift + D

پانل‌ها، برگه‌ها و پانل‌ها را دوباره ترتیب دهید

برای تغییر ترتیب، روی یکی از موارد زیر کلیک کرده و به چپ یا راست بکشید:

  • پانل های بالای DevTools.
  • پانل های موجود در پنل عناصر مانند Styles ، Computed ، Layout و موارد دیگر.
  • پانل های موجود در پانل منابع مانند صفحه ، فضای کاری ، لغو و غیره.
  • زبانه های کشو در پایین DevTools.

علاوه بر این، می‌توانید پانل‌ها و برگه‌ها را به بالا و پایین به کشو حرکت دهید. برای انجام این کار، روی پانل یا تب کلیک راست کرده و از منوی کشویی گزینه Move to top یا Move to bottom را انتخاب کنید.

سفارش برگه سفارشی شما در جلسات DevTools ادامه دارد.

طرح بندی پنل

به‌طور پیش‌فرض، DevTools طرح‌بندی پانل شما را بسته به اندازه پنجره به‌طور خودکار تنظیم می‌کند. می توانید تنظیم مجدد خودکار را غیرفعال کنید. به Settings > Preferences > Appearance بروید و طرح بندی پانل را بر اساس اولویت خود به روز کنید.

برای مثال، وقتی اندازه صفحه کوچک است، صفحه Styles در پانل Elements از کنار به پایین حرکت می کند. اگر می‌خواهید پنجره سبک همیشه در کنار باشد، طرح‌بندی پانل را به عمودی تغییر دهید.

تغییر طرح بندی پنل

زبان DevTools UI را تغییر دهید

> تنظیمات برگزیده > ظاهر > زبان را ببینید.

با رفتن به تنظیمات و سپس تنظیمات، زبان را تغییر دهید

تنظیمات همگام سازی

می‌توانید تنظیمات DevTools خود را در چندین دستگاه همگام‌سازی کنید.

برای فعال کردن همگام‌سازی، ابتدا Chrome Sync را روشن کنید. پس از فعال شدن، تنظیمات DevTools شما به طور پیش‌فرض همگام‌سازی می‌شوند.

همگام سازی نمایه کروم.

می توانید همگام سازی تنظیمات DevTools را به طور جداگانه با استفاده از Settings > Sync > فعال یا غیرفعال کنید.

تنظیمات همگام سازی DevTools

DevTools بیشتر تنظیمات را به جز تنظیمات موجود در برگه‌های Workspace ، Experiments و Devices و چند تنظیمات عمومی دیگر همگام‌سازی می‌کند. وضعیت کادر بررسی همگام‌سازی تنظیمات فعال کردن در بین دستگاه‌ها نیز همگام‌سازی می‌شود.

به عنوان مثال، تنظیمات ظاهر زیر همگام‌سازی می‌شوند، بنابراین شما یک تجربه ثابت در همه دستگاه‌ها دارید و نیازی به تعریف مجدد تنظیمات مشابه ندارید.

تنظیمات ظاهری

با این حال، تنظیمات داک همگام‌سازی نمی‌شود، زیرا برنامه‌نویسان هنگام اشکال‌زدایی در سایت‌های مختلف، اولویت‌های پایه متفاوتی دارند.

اسکله.

میانبرهای صفحه کلید را سفارشی کنید

به تنظیمات > میانبرها مراجعه کنید.

آزمایش ها را فعال کنید

به تنظیمات > آزمایش‌ها مراجعه کنید.