Tuỳ chỉnh Công cụ cho nhà phát triển

Sofia Emelianova
Sofia Emelianova

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

Cài đặt > Lựa chọn ưu tiên chứa nhiều lựa chọn để tuỳ chỉnh Công cụ cho nhà phát triển.

Xem mục Mở phần cài đặtLự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.

Giao diện tối.

  1. Mở Trình đơn lệnh.
  2. Bắt đầu nhập dark, chọn lệnh Chuyển sang giao diện tối rồi nhấn Nhấn phím Enter để chạy lệnh.

    Lệnh giao diện tối.

  3. Hoặc đặt giao diện của bạ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:

  1. Mở một thẻ mới rồi nhấp vào Tuỳ chỉnh Chrome ở góc dưới cùng bên phải.
  2. 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.

Công cụ cho nhà phát triển sẽ khớp với giao diện màu được chọn trong phần Giao diện.

Ngăn

Ngăn chứa nhiều tính năng ẩn.

Nhấn phím Escape để mở hoặc đóng Ngăn.

Ngăn.

Nhấp vào Công cụ khác để mở Ngăn khác .

Nút Công cụ khác sẽ mở các thẻ khác trong Ngăn.

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 khỏi một cửa sổ riêng.

Bạn có thể thay đổi vị trí của Công cụ cho nhà phát triển theo hai cách:

  • Trình đơn chính: Mở Tuỳ chỉnh và điều khiển Công cụ cho nhà phát triển rồi nhấp vào:
    • Bỏ ghim vào cửa sổ riêng
    • Gắn sang trái
    • Gắn xuống dưới cùng
    • Gắn vào bên phải
  • Trình đơn lệnh:

    1. Mở Trình đơn lệnh.
    2. Bắt đầu nhập dock rồ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.

Tuỳ chọn kết nối được đề xuất trong Trình đơn lệnh.

Để 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 sang 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 điều khiển Elements (Thành phần) như Styles (Kiểu), Computed (Đã tính toán), Layout (Bố cục) và các ngăn khác.
  • 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 Công cụ cho nhà phát triển.

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 và 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 bố cục bảng điều khiển

Thay đổi ngôn ngữ giao diện người dùng của Công cụ cho nhà phát triển

Xem phần Cài đặt > Lựa chọn ưu tiên > Giao diện > Ngôn ngữ.

Thay đổi ngôn ngữ bằng cách chuyển đến phần Cài đặt rồi chọn Lựa chọn ưu tiên

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.

Đồng bộ hoá hồ sơ Chrome.

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).

Chế độ cài đặt đồng bộ hoá Công cụ cho nhà phát triển

DevTools đồng bộ hoá hầu hết các chế độ cài đặt, ngoại trừ các chế độ cài đặt trong thẻ Workspace (Không gian làm việc), Experiments (Thử nghiệm) và Devices (Thiết bị) cũng như một số 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 đó.

Chế độ cài đặt giao diện.

Tuy nhiên, chế độ cài đặt gắn không được đồng bộ hoá vì các nhà phát triển có những lựa chọn ưu tiên khác nhau về đế khi gỡ lỗi trên nhiều trang web.

Đế sạc.

Tuỳ chỉnh phím tắt

Xem phần Cài đặt > Phím tắt.

Bật thử nghiệm

Xem phần Cài đặt > Thử nghiệm.