Trang này liệt kê các cách bạn có thể tuỳ chỉnh Công cụ của Chrome cho nhà phát triển.
Cài đặt
Settings (Cài đặt) > Preferences (Lựa chọn ưu tiên) chứa nhiều tuỳ chọn để tuỳ chỉnh DevTools.
Xem mục Mở phần cài đặt và Lựa chọn ưu tiên.
Giao diện tối
Bạn có thể bật giao diện tối trong phần Cài đặt hoặc Trình đơn lệnh.
- Mở Trình đơn lệnh.
Bắt đầu nhập
dark, chọn lệnh Switch to dark theme (Chuyển sang giao diện tối), sau đó nhấn phím Enter để chạy lệnh.
Ngoài ra, bạn có thể đặt giao diện trong phần Cài đặt > Lựa chọn ưu tiên > Giao diện > Giao diện.
Giao diện động
Công cụ cho nhà phát triển có thể tự động khớp với giao diện màu của Chrome.
Cách đặt giao diện:
- Mở một thẻ mới rồi nhấp vào biểu tượng Tuỳ chỉnh Chrome ở góc dưới cùng bên phải.
- Trong phần Giao diện, hãy chọn một giao diện thông qua Thay đổi giao diện hoặc chọn một bảng màu.
Để tắt tính năng tuỳ chỉnh giao diện động, hãy xoá Settings (Cài đặt) > Preferences (Lựa chọn ưu tiên) > Appearance (Giao diện) > Match Chrome color scheme (So khớp bảng phối màu của Chrome) rồi tải lại DevTools.
Ngăn
Ngăn chứa nhiều tính năng ẩn.
Nhấn phím Escape để mở hoặc đóng Ngăn.
Nhấp vào biểu tượng More Tools (Công cụ khác) để mở các thẻ Drawer (Ngăn) khác.
Thay đổi vị trí của Công cụ cho nhà phát triển
Theo mặc định, Công cụ cho nhà phát triển được gắn ở bên phải khung nhìn của bạn. Bạn cũng có thể cố định vào phía dưới cùng hoặc bên trái hoặc tháo DevTools ra một cửa sổ riêng.
Bạn có thể thay đổi vị trí của DevTools theo hai cách:
- Trình đơn chính: Mở Công cụ tuỳ chỉnh và điều khiển công cụ cho nhà phát triển rồi nhấp vào:
- Gỡ vào cửa sổ riêng biệt
- Gắn vào bên trái
- Gắn vào dưới cùng
- Gắn sang phải
Trình đơn lệnh:
- Mở Trình đơn lệnh.
- Bắt đầu nhập
dockrồi chọn một trong các tuỳ chọn được đề xuất: neo vào dưới cùng, trái, phải, tháo dỡ hoặc khôi phục vị trí neo gần đây nhất.
Để bật/tắt chế độ Khôi phục vị trí gắn gần đây nhất bằng phím tắt, hãy nhấn:
- Trên Linux hoặc Windows: Ctrl+Shift+D
- Trên MacOS: Command+Shift+D
Sắp xếp lại bảng điều khiển, thẻ và ngăn
Để thay đổi thứ tự, hãy nhấp và kéo sang trái hoặc phải bất kỳ mục nào sau đây:
- Các bảng điều khiển ở đầu DevTools.
- Các ngăn trong bảng Phần tử, chẳng hạn như Kiểu, Đã tính toán, Bố cục, v.v.
- Các ngăn trong bảng điều khiển Nguồn, chẳng hạn như Trang, Không gian làm việc, Ghi đè và các ngăn khác.
- Các thẻ Ngăn ở cuối DevTools.
Ngoài ra, bạn có thể di chuyển các bảng điều khiển và thẻ lên và xuống đến và đi từ Ngăn. Để thực hiện việc này, hãy nhấp chuột phải vào bảng điều khiển hoặc thẻ rồi chọn Chuyển lên đầu hoặc Chuyển xuống cuối trong trình đơn thả xuống.
Thứ tự thẻ tuỳ chỉnh của bạn vẫn tồn tại trong các phiên DevTools.
Bố cục bảng điều khiển
Theo mặc định, Công cụ cho nhà phát triển sẽ tự động sắp xếp lại bố cục bảng điều khiển tuỳ thuộc vào kích thước cửa sổ. Bạn có thể tắt tính năng tự động sắp xếp lại. Chuyển đến phần Cài đặt > Lựa chọn ưu tiên > Giao diện rồi cập nhật bố cục bảng điều khiển theo lựa chọn ưu tiên của bạn.
Ví dụ: Ngăn kiểu trong bảng điều khiển Thành phần sẽ di chuyển từ bên sang dưới cùng khi kích thước màn hình nhỏ. Nếu bạn muốn Ngăn kiểu luôn nằm ở bên, hãy thay đổi bố cục bảng điều khiển thành dọc.
Thay đổi ngôn ngữ giao diện người dùng của DevTools
Xem Cài đặt > Lựa chọn ưu tiên > Giao diện > Ngôn ngữ.
Cài đặt đồng bộ hóa
Bạn có thể đồng bộ hoá chế độ cài đặt DevTools trên nhiều thiết bị.
Để bật tính năng đồng bộ hoá, trước tiên hãy bật tính năng Đồng bộ hoá Chrome. Sau khi bật, chế độ cài đặt DevTools sẽ được đồng bộ hoá theo mặc định.
Bạn có thể bật hoặc tắt tính năng đồng bộ hoá chế độ cài đặt DevTools riêng biệt bằng cách sử dụng hộp đánh dấu Settings > Sync > Enable settings sync (Cài đặt > Đồng bộ hoá > Hộp đánh dấu Bật tính năng đồng bộ hoá chế độ cài đặt).
Công cụ cho nhà phát triển đồng bộ hoá hầu hết các chế độ cài đặt, ngoại trừ những chế độ cài đặt trong thẻ Không gian làm việc, Thử nghiệm và Thiết bị, cũng như một vài chế độ cài đặt chung khác. Trạng thái của hộp đánh dấu Bật tính năng đồng bộ hoá các chế độ cài đặt cũng được đồng bộ hoá trên các thiết bị.
Ví dụ: các chế độ cài đặt Giao diện sau đây được đồng bộ hoá để bạn có trải nghiệm nhất quán trên các thiết bị và không cần xác định lại các chế độ cài đặt đó.
Tuy nhiên, chế độ cài đặt cổng không được đồng bộ hoá vì các nhà phát triển có các tuỳ chọn ưu tiên khác nhau về cổng khi gỡ lỗi trên các trang web khác nhau.
Tuỳ chỉnh phím tắt
Xem phần Cài đặt > Lối tắt.
Bật thử nghiệm
Xem phần Cài đặt > Thử nghiệm.