This page lists the ways you can customize Chrome DevTools.
تنظیمات
Settings > Preferences contains many options for customizing DevTools.
See Open Settings and Preferences .
تم تاریک
You can enable dark theme in Settings or the Command Menu .
- Open the Command Menu .
Start typing
dark, select the Switch to dark theme command, and then press Enter to run the command.
Alternatively, set your theme in Settings > Preferences > Appearance > Themes .
Dynamic theme
DevTools می‌تواند به‌طور خودکار با تم رنگی Chrome مطابقت داشته باشد.
To set a theme:
- Open a new tab and click Customize Chrome in the right bottom corner.
- In Appearance , pick a theme through Change themes or select a color palette.
To turn off dynamic theming, clear Settings > Preferences > Appearance > Match Chrome color scheme and reload DevTools.
کشو
The Drawer contains many hidden features.
Press Escape to open or close the Drawer.
Click More Tools to open other Drawer tabs.
Change DevTools placement
به‌طور پیش‌فرض، DevTools در سمت راست نمای شما قرار دارد. همچنین می توانید به سمت پایین یا سمت چپ متصل شوید یا DevTools را در یک پنجره جداگانه باز کنید.
شما می توانید محل قرارگیری DevTools را به دو روش تغییر دهید:
- Main Menu : Open Customize And Control DevTools and click:
- Undock into separate window
- Dock to left
- Dock to bottom
- Dock to right
Command Menu :
- Open the Command Menu .
- Start typing
dockand select one of the suggested options: dock to bottom, left, right, undock, or restore last dock position.
To toggle Restore last dock position with a keyboard shortcut, press:
- On Linux or Windows: Control + Shift + D
- On MacOS: Command + Shift + D
پانل‌ها، برگه‌ها و پانل‌ها را دوباره ترتیب دهید
To change ordering, click and drag left or right any of the following:
- پانل های بالای DevTools.
- Panes in the Elements panel such as Styles , Computed , Layout , and others.
- Panes in the Sources panel such as Page , Workspace , Overrides , and others.
- Drawer tabs at the bottom of DevTools.
Additionally, you can move panels and tabs up and down to and from the Drawer . To do this, right-click the panel or tab and select Move to top or Move to bottom from the drop-down menu.
سفارش برگه سفارشی شما در جلسات DevTools ادامه دارد.
Panel layout
به‌طور پیش‌فرض، DevTools طرح‌بندی پانل شما را بسته به اندازه پنجره به‌طور خودکار تنظیم می‌کند. می توانید تنظیم مجدد خودکار را غیرفعال کنید. Go to Settings > Preferences > Appearance and update the panel layout based on your preference.
For example, the Styles pane in the Elements panel will move from the side to the bottom when screen size is small. If you want the Style pane to always stay on the side, change the panel layout to vertical .
Change DevTools UI language
See Settings > Preferences > Appearance > Language .
تنظیمات همگام سازی
می‌توانید تنظیمات DevTools خود را در چندین دستگاه همگام‌سازی کنید.
To enable sync, first turn on Chrome Sync . پس از فعال شدن، تنظیمات DevTools شما به طور پیش‌فرض همگام‌سازی می‌شوند.
You can enable or disable the DevTools settings sync separately using the Settings > Sync > Enable settings sync checkbox.
DevTools syncs most of the settings except those in the Workspace , Experiments , and Devices tabs and a few other general settings. The state of the Enable settings sync checkbox is synced across devices as well.
For example, the following Appearance settings are synced, so you have a consistent experience across devices and don't need to re-define the same settings again.
However, the dock setting isn't synced because developers have different dock preferences when debugging on different sites.
میانبرهای صفحه کلید را سفارشی کنید
See Settings > Shortcuts .
آزمایش ها را فعال کنید
See Settings > Experiments .