Bảng điều khiển Vấn đề trong Công cụ của Chrome cho nhà phát triển giúp giảm tình trạng thông báo mệt mỏi và lộn xộn của Bảng điều khiển. Hãy sử dụng công cụ này để tìm giải pháp cho các vấn đề mà trình duyệt phát hiện, chẳng hạn như vấn đề về cookie và nội dung hỗn hợp.
Hiện tại, bảng điều khiển Issues (Vấn đề) hỗ trợ:
- Các vấn đề về cookie
- Nội dung hỗn hợp
- Vấn đề về COEP
- Lỗi CORS
- Vấn đề về chế độ tương thích ngược
- (Bản xem trước) Vấn đề về độ tương phản thấp
- Vấn đề về Hoạt động đáng tin cậy trên web
- Vấn đề khi tải biểu định kiểu
- Quy tắc CSS
@property
không hợp lệ - Hành vi vi phạm Chính sách bảo mật nội dung
- Các vấn đề về thuộc tính tự động hoàn thành
Các phiên bản Chrome trong tương lai sẽ hỗ trợ nhiều loại vấn đề hơn.
Mở bảng điều khiển Vấn đề
- Truy cập một trang có vấn đề cần khắc phục, chẳng hạn như samesite-sandbox.glitch.me.
- Mở Công cụ cho nhà phát triển.
Nhấp vào nút Mở vấn đề bên cạnh Cài đặt ở góc bên phải của thanh tác vụ ở trên cùng. Tuỳ thuộc vào mức độ nghiêm trọng của vấn đề, nút này có thể có biểu tượng màu đỏ, màu vàng hoặc màu xanh dương.
Ngoài ra, bạn có thể chọn mục Vấn đề trên trình đơn Công cụ khác của .
Sau khi đang ở trên bảng điều khiển Issues (Vấn đề), bạn nên tải lại trang để phát hiện nhiều vấn đề hơn nữa. Lần này xảy ra trong khi tải trang.
Bảng điều khiển cũng có thể hiển thị cho bạn các vấn đề mà trình duyệt báo cáo. Tuy nhiên, bạn sẽ nhận thấy rằng những vấn đề như vậy (như cảnh báo về cookie trong ảnh chụp màn hình bên dưới) rất khó hiểu. Tuy nhiên, bạn không biết mình cần làm gì để khắc phục vấn đề này.
Mặt khác, bảng điều khiển Vấn đề cung cấp cho bạn thông tin chi tiết hữu ích.
Xem các mục trong bảng Vấn đề
Bảng điều khiển Vấn đề trình bày cảnh báo trên trình duyệt theo cách có cấu trúc, tổng hợp và khả thi.
Hãy nhấp vào một mục trong bảng điều khiển Vấn đề để mở rộng vấn đề và xem hướng dẫn về cách khắc phục cũng như tìm các tài nguyên bị ảnh hưởng.
Mỗi mục có bốn thành phần:
- Tiêu đề mô tả vấn đề.
- Nội dung mô tả cung cấp bối cảnh và giải pháp.
- Mục TÀI NGUYÊN ẢNH HƯỞNG liên kết đến các tài nguyên trong ngữ cảnh Công cụ cho nhà phát triển phù hợp, chẳng hạn như Mạng, Nguồn, Phần tử và các bảng điều khiển khác.
- Đường liên kết đến tài liệu hướng dẫn thêm.
Nhấp vào các mục trong mục TÀI NGUYÊN ẢNH HƯỞNG để xem vấn đề theo bối cảnh.
Nhóm vấn đề theo loại
Bảng điều khiển Vấn đề tính số lượng tài nguyên bị ảnh hưởng cho từng vấn đề và hiển thị vấn đề đó bên cạnh các dòng tiêu đề. Ngoài ra, bạn có thể sắp xếp các vấn đề theo mức độ nghiêm trọng thành ba nhóm:
- Lỗi trang mà Chrome báo cáo.
- Thay đổi có thể gây lỗi, chẳng hạn như ngừng sử dụng.
- Những điểm cải tiến mà Công cụ cho nhà phát triển đề xuất.
Để nhóm các vấn đề, hãy đánh dấu vào mục Nhóm theo loại trong thanh thao tác ở đầu bảng điều khiển Vấn đề.
Bao gồm các vấn đề của bên thứ ba
Theo mặc định, bảng điều khiển Vấn đề sẽ hiển thị các vấn đề về cookie của bên thứ ba.
Bạn có thể tìm thấy vấn đề về cookie của bên thứ ba trong phần TÀI NGUYÊN ẢNH HƯỞNG thiếu đường liên kết.
Để ẩn các vấn đề như vậy, hãy xoá Bao gồm các vấn đề về cookie của bên thứ ba trong thanh hành động ở đầu bảng điều khiển Vấn đề.
Ẩn vấn đề
Để ẩn một vấn đề, hãy chọn Ẩn các vấn đề tương tự trong trình đơn có biểu tượng ba dấu chấm bên cạnh vấn đề đó.
Để xem danh sách các vấn đề đã ẩn, hãy di chuyển xuống phần Vấn đề đã ẩn rồi mở rộng mục đó.
Để hiển thị tất cả các vấn đề, hãy nhấp vào Hiện tất cả. Để phát hiện một vấn đề cụ thể, hãy chọn Hiện các vấn đề như thế này trong trình đơn có biểu tượng ba dấu chấm bên cạnh vấn đề đó.
Ngoài ra, khi bật tính năng tạo nhóm, bạn có thể ẩn toàn bộ các nhóm vấn đề bằng cách dùng trình đơn có biểu tượng ba dấu chấm bên cạnh một nhóm.
Xem vấn đề theo bối cảnh
Để điều tra một vấn đề:
Trong mục TÀI NGUYÊN BỊ ẢNH HƯỞNG, hãy nhấp vào đường liên kết đến tài nguyên để xem mục ở bối cảnh thích hợp trong Công cụ cho nhà phát triển. Trong ví dụ này, hãy nhấp vào
samesite-sandbox.glitch.me
để hiển thị các cookie được đính kèm với yêu cầu đó. Đường liên kết này sẽ đưa bạn đến bảng điều khiển Mạng.Cuộn để xem mục có vấn đề: trong trường hợp này là cookie
ck02
. Di chuột qua biểu tượng thông tin ở bên phải để xem vấn đề và cách khắc phục.