Trang này là tài liệu tham khảo về các tính năng liên quan đến Bảng điều khiển Chrome DevTools. Bài viết này giả định rằng bạn đã quen với việc sử dụng Bảng điều khiển để xem thông báo đã ghi nhật ký và chạy JavaScript. Nếu không, hãy xem phần Bắt đầu.
Nếu bạn đang tìm tài liệu tham khảo API về các hàm như console.log(), hãy xem Tài liệu tham khảo về API của Bảng điều khiển. Để tham khảo về các hàm như monitorEvents(), hãy xem Tài liệu tham khảo về API tiện ích của bảng điều khiển.
Mở bảng điều khiển
Bạn có thể mở Bảng điều khiển dưới dạng bảng điều khiển hoặc thẻ trong Ngăn.
Mở bảng điều khiển
Nhấn tổ hợp phím Ctrl+Shift+J hoặc Command+Option+J (Mac).
Để mở Bảng điều khiển từ Command Menu (Trình đơn lệnh), hãy bắt đầu nhập Console, sau đó chạy lệnh Show Console (Hiển thị bảng điều khiển) có huy hiệu Panel (Bảng điều khiển) bên cạnh.
Mở Bảng điều khiển trong Ngăn
Nhấn phím Escape hoặc nhấp vào biểu tượng Customize And Control DevTools (Tuỳ chỉnh và kiểm soát DevTools) , sau đó chọn Show Console Drawer (Hiện ngăn điều khiển của bảng điều khiển).
Ngăn sẽ bật lên ở cuối cửa sổ DevTools, với thẻ Console (Bảng điều khiển) đang mở.
Để mở thẻ Console (Bảng điều khiển) từ Command Menu (Trình đơn lệnh), hãy bắt đầu nhập Console rồi chạy lệnh Show Console (Hiển thị bảng điều khiển) có huy hiệu Drawer (Ngăn) bên cạnh.
Mở phần Cài đặt bảng điều khiển
Nhấp vào Cài đặt bảng điều khiển ở góc trên cùng bên phải của Bảng điều khiển.
Các đường liên kết bên dưới giải thích từng chế độ cài đặt:
- Ẩn mạng
- Lưu giữ nhật ký
- Chỉ ngữ cảnh đã chọn
- Nhóm các thông báo tương tự trong bảng điều khiển
- Hiện lỗi CORS trong bảng điều khiển
- Ghi lại XMLHttpRequests
- Đánh giá sớm
- Tự động hoàn thành dựa trên nội dung tìm kiếm trước đây
Mở thanh bên của bảng điều khiển
Nhấp vào biểu tượng Hiện thanh bên của bảng điều khiển
Xem tin nhắn
Phần này chứa các tính năng thay đổi cách hiển thị thông báo trong Console. Hãy xem phần Xem thông báo để biết hướng dẫn thực hành.
Tắt tính năng nhóm tin nhắn
Mở phần Cài đặt của Console rồi tắt tuỳ chọn Nhóm các thông báo tương tự nhau để tắt hành vi nhóm thông báo mặc định của Console. Hãy xem phần Ghi nhật ký XHR và các yêu cầu Tìm nạp để biết ví dụ.
Xem thông báo từ các điểm ngắt
Console đánh dấu các thông báo do điểm ngắt kích hoạt theo cách sau:
- Lệnh gọi
console.*trong điểm ngắt có điều kiện có dấu chấm hỏi màu cam? - Tin nhắn Điểm ghi nhật ký có hai dấu chấm màu hồng
..
Để chuyển đến trình chỉnh sửa điểm ngắt nội tuyến trong bảng điều khiển Nguồn, hãy nhấp vào đường liên kết neo bên cạnh thông báo điểm ngắt.
Xem dấu vết ngăn xếp
Bảng điều khiển tự động ghi lại dấu vết ngăn xếp cho lỗi và cảnh báo. Dấu vết ngăn xếp là nhật ký các lệnh gọi hàm (khung) dẫn đến lỗi hoặc cảnh báo. Console hiển thị các khung này theo thứ tự ngược: khung mới nhất ở trên cùng.
Để xem dấu vết ngăn xếp, hãy nhấp vào biểu tượng mở rộng bên cạnh lỗi hoặc cảnh báo.
Xem nguyên nhân gây ra lỗi trong dấu vết ngăn xếp
Console có thể cho bạn thấy chuỗi nguyên nhân gây ra lỗi trong dấu vết ngăn xếp (nếu có).
Để gỡ lỗi dễ dàng hơn, bạn có thể chỉ định nguyên nhân gây ra lỗi khi phát hiện và gửi lại lỗi. Khi Console đi theo chuỗi nguyên nhân, nó sẽ in từng ngăn xếp lỗi có tiền tố Caused by: để bạn có thể tìm thấy lỗi ban đầu.
Xem dấu vết ngăn xếp không đồng bộ
Nếu được khung bạn đang sử dụng hỗ trợ hoặc khi trực tiếp sử dụng các nguyên hàm lên lịch của trình duyệt, chẳng hạn như setTimeout, DevTools có thể theo dõi các thao tác không đồng bộ bằng cách liên kết cả hai phần của mã không đồng bộ với nhau.
Trong trường hợp này, dấu vết ngăn xếp cho thấy "toàn bộ câu chuyện" của thao tác không đồng bộ.
Hiển thị các khung đã biết của bên thứ ba trong dấu vết ngăn xếp
Theo mặc định, khi bản đồ nguồn bao gồm trường ignoreList, Console sẽ ẩn các khung của bên thứ ba khỏi dấu vết ngăn xếp từ các nguồn do trình kết hợp (ví dụ: webpack) hoặc khung (ví dụ: Angular) tạo.
Để xem toàn bộ dấu vết ngăn xếp, bao gồm cả các khung của bên thứ ba, hãy nhấp vào Hiện thêm N khung ở cuối dấu vết ngăn xếp.
Để luôn xem dấu vết ngăn xếp đầy đủ, hãy tắt chế độ cài đặt Cài đặt > Danh sách bỏ qua > Tự động thêm tập lệnh đã biết của bên thứ ba vào danh sách bỏ qua.
Ghi nhật ký các yêu cầu XHR và Tìm nạp
Mở phần Cài đặt bảng điều khiển rồi bật tuỳ chọn Ghi nhật ký XMLHttpRequest để ghi lại tất cả các yêu cầu XMLHttpRequest và Fetch vào Bảng điều khiển khi chúng xảy ra.
Thông báo ở trên cùng trong ví dụ trên cho thấy hành vi nhóm mặc định của Bảng điều khiển. Ví dụ bên dưới cho thấy cùng một nhật ký sau khi tắt tính năng nhóm thông báo.
Duy trì thông báo trong các lần tải trang
Theo mặc định, Bảng điều khiển sẽ xoá mỗi khi bạn tải một trang mới. Để lưu giữ thông báo trong các lần tải trang, hãy Mở phần Cài đặt bảng điều khiển, sau đó bật hộp đánh dấu Giữ lại nhật ký.
Ẩn thông báo của mạng
Theo mặc định, trình duyệt sẽ ghi nhật ký thông báo mạng vào Bảng điều khiển. Ví dụ: thông báo trên cùng trong ví dụ sau đây thể hiện lỗi 404.
Cách ẩn thông báo của mạng:
- Mở phần Cài đặt của Play Console.
- Đánh dấu vào hộp Hide Network (Ẩn mạng).
Hiện hoặc ẩn lỗi CORS
Console có thể hiển thị lỗi CORS nếu các yêu cầu mạng không thành công do Chia sẻ tài nguyên trên nhiều nguồn gốc (CORS).
Cách hiện hoặc ẩn lỗi CORS:
- Mở phần Cài đặt của Play Console.
- Đánh dấu hoặc bỏ đánh dấu hộp đánh dấu Hiện lỗi CORS trong bảng điều khiển.
Nếu bảng điều khiển được đặt để hiển thị lỗi CORS và bạn gặp phải lỗi đó, bạn có thể nhấp vào các nút sau bên cạnh lỗi:
để mở yêu cầu bằng
TypeErrorliên quan đến CORS trong bảng điều khiển Network (Mạng).để xem giải pháp tiềm năng trên thẻ Vấn đề.
để mở yêu cầu bằng 
để xem Lọc thông báo
Có nhiều cách để lọc ra thông báo trong Console.
Lọc bỏ thông báo của trình duyệt
Mở thanh bên của bảng điều khiển rồi nhấp vào Thông báo cho người dùng để chỉ hiển thị các thông báo đến từ JavaScript của trang.
Lọc theo cấp độ nhật ký
Công cụ cho nhà phát triển chỉ định hầu hết các mức độ nghiêm trọng của phương thức console.*.
Có 4 cấp:
VerboseInfoWarningError
Ví dụ: console.log() nằm trong nhóm Info, còn console.error() nằm trong nhóm Error. Tài liệu tham khảo API của Console mô tả mức độ nghiêm trọng của từng phương thức có thể áp dụng.
Mọi thông báo mà trình duyệt ghi nhật ký vào Bảng điều khiển đều có mức độ nghiêm trọng. Bạn có thể ẩn mọi cấp độ tin nhắn mà bạn không quan tâm. Ví dụ: nếu chỉ quan tâm đến tin nhắn Error, bạn có thể ẩn 3 nhóm còn lại.
Nhấp vào trình đơn thả xuống Mức độ nhật ký để bật hoặc tắt thông báo Verbose, Info, Warning hoặc Error.
Bạn cũng có thể lọc theo cấp độ nhật ký bằng cách 
Lọc thư theo URL
Nhập url:, theo sau là một URL để chỉ xem những tin nhắn đến từ URL đó. Sau khi bạn nhập url:, DevTools sẽ hiển thị tất cả URL có liên quan.
Miền cũng hoạt động. Ví dụ: nếu https://example.com/a.js và https://example.com/b.js đang ghi nhật ký thông báo, thì url:https://example.com cho phép bạn tập trung vào thông báo từ 2 tập lệnh này.
Để ẩn tất cả thông báo từ một URL đã chỉ định, hãy nhập -url:, theo sau là URL, ví dụ: https://b.wal.co. Đây là bộ lọc URL phủ định.
Bạn cũng có thể hiển thị thông báo từ một URL duy nhất bằng cách mở thanh bên của bảng điều khiển, mở rộng phần Thông báo cho người dùng, sau đó nhấp vào URL của tập lệnh chứa thông báo mà bạn muốn tập trung vào.
Lọc ra thông báo từ nhiều ngữ cảnh
Giả sử bạn có một quảng cáo trên trang của mình. Quảng cáo được nhúng trong <iframe> và đang tạo ra nhiều thông báo trong Console. Vì quảng cáo này nằm trong một ngữ cảnh JavaScript khác, nên một cách để ẩn thông báo của quảng cáo này là mở phần Cài đặt bảng điều khiển và bật hộp đánh dấu Chỉ ngữ cảnh đã chọn.
Lọc ra những thông báo không khớp với mẫu biểu thức chính quy
Nhập một biểu thức chính quy như /[foo]\s[bar]/ vào hộp văn bản Bộ lọc để lọc ra mọi thông báo không khớp với mẫu đó. Không được chứa dấu cách, hãy sử dụng \s. Công cụ cho nhà phát triển sẽ kiểm tra xem có tìm thấy mẫu trong văn bản thông báo hay tập lệnh đã khiến thông báo được ghi nhật ký hay không.
Ví dụ: nội dung sau đây sẽ lọc ra tất cả thông báo không khớp với /[gm][ta][mi]/.