Trình đơn lệnh cung cấp một cách nhanh chóng để điều hướng giao diện người dùng của Chrome DevTools và hoàn thành các tác vụ phổ biến, chẳng hạn như tắt JavaScript. Bạn có thể đã quen thuộc với một tính năng tương tự trong Visual Studio Code có tên là Command Palette (Bảng điều khiển lệnh). Đây là nguồn cảm hứng ban đầu cho Command Menu (Trình đơn lệnh).
Mở Trình đơn lệnh
Cách mở Trình đơn lệnh:
- Nhấn tổ hợp phím Ctrl+Shift+P (Windows / Linux) hoặc Command+Shift+P (Mac).
- Nhấp vào
Tuỳ chỉnh và điều khiển Công cụ cho nhà phát triển, sau đó chọn Chạy lệnh.
Mở tệp
Nếu bạn sử dụng quy trình làm việc được nêu trong phần Mở trình đơn lệnh, thì Trình đơn lệnh sẽ mở ra với Run > được thêm vào đầu hộp văn bản.
Để mở tệp, hãy xoá ký tự > rồi bắt đầu nhập tên tệp.
Run sẽ thêm vào Open và DevTools sẽ tìm kiếm các tệp có liên quan.
Ngoài ra, bạn có thể chuyển thẳng đến trình đơn Open File (Mở tệp) theo một trong những cách sau:
- Nhấn tổ hợp phím Ctrl+P (Windows / Linux) hoặc Command+P (Mac).
- Nhấp vào
Tuỳ chỉnh và điều khiển Công cụ cho nhà phát triển rồi chọn Mở tệp.
Mở tệp có trong danh sách bỏ qua
Theo mặc định, DevTools sẽ ẩn các tệp của bên thứ ba đã biết. Để mở các tệp như vậy trong trình đơn, hãy tắt tuỳ chọn Hide ignore-listed sources (Ẩn các nguồn trong danh sách bỏ qua) trong bảng điều khiển Sources (Nguồn).
Chụp ảnh màn hình khu vực
Command Menu (Trình đơn lệnh) cho phép bạn chụp ảnh màn hình khu vực của trang web, tương tự như công cụ cắt.
Để chụp ảnh màn hình một khu vực, hãy làm theo các bước sau:
- Mở Trình đơn lệnh.
- Nhập "ảnh chụp màn hình".
- Chọn Chụp ảnh màn hình khu vực.
- Kéo để chọn vị trí bất kỳ trên trang cần chụp.
Để khám phá thêm các cách chụp ảnh màn hình bằng DevTools, hãy xem bài viết 4 cách chụp ảnh màn hình bằng DevTools.
Xem các thao tác khác có thể thực hiện
Để xem các thao tác khác có trong Command Menu (Trình đơn lệnh), hãy xoá ký tự > rồi nhập ?.
