Vấn đề: Tìm và khắc phục vấn đề

Sam Dutton
Sofia Emelianova
Sofia Emelianova
GitHub

Sử dụng bảng điều khiển Vấn đề để tìm giải pháp cho các vấn đề mà trình duyệt phát hiện được, chẳng hạn như vấn đề về cookie và nội dung hỗn hợp.

Tổng quan

Bằng cách thu thập và nhóm các vấn đề thường gặp, bảng điều khiển Vấn đề giúp giảm tình trạng rối mắt và quá tải thông báo trong Console.

Hiện tại, bảng điều khiển Vấn đề báo cáo:

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 đề

  1. Truy cập vào một trang có vấn đề cần khắc phục, chẳng hạn như samesite-sandbox.glitch.me.
  2. Mở Công cụ cho nhà phát triển.

  3. Nhấp vào nút Open Issues (Mở vấn đề) bên cạnh biểu tượng Cài đặt. Settings (Cài đặt) ở góc phải của thanh thao tác ở 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 Đã có lỗi. màu đỏ, Cảnh báo. màu vàng hoặc Thông tin. màu xanh dương.

    Nút Mở vấn đề có biểu tượng màu đỏ.

    Ngoài ra, hãy chọn Vấn đề trong trình đơn Trình đơn Công cụ khác. Công cụ khác.

    Bảng điều khiển Vấn đề trong trình đơn Công cụ khác.

  4. Khi đã chuyển đến bảng điều khiển Vấn đề, bạn nên tải lại trang để phát hiện thêm nhiều vấn đề khác, lần này xảy ra trong quá trình tải trang.

    Bảng điều khiển Issues (Vấn đề) cho thấy một vấn đề khác được tìm thấy sau khi tải lại trang.

Console cũng có thể cho bạn thấy các vấn đề do 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 (chẳng hạn như cảnh báo về cookie trong ảnh chụp màn hình bên dưới) rất khó hiểu. Bạn chưa rõ mình cần làm gì để khắc phục vấn đề này.

Play Console có cảnh báo về cookie không rõ ràng.

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 điều khiển Vấn đề

Bảng điều khiển Issues (Vấn đề) trình bày các cảnh báo của trình duyệt theo cách có cấu trúc, tổng hợp và có thể hành động.

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

    Bảng điều khiển Issues (Vấn đề) có vấn đề về cookie trên nhiều trang web được mở rộng.

    Mỗi mục có 4 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.
    • Phần AFFECTED RESOURCES (TÀI NGUYÊN BỊ ẢNH HƯỞNG) liên kết đến các tài nguyên trong ngữ cảnh DevTools thích hợp, chẳng hạn như Network (Mạng), Sources (Nguồn), Elements (Thành phần) và các bảng điều khiển khác.
    • Đường liên kết đến hướng dẫn bổ sung.

  2. Nhấp vào các mục trong phần TÀI SẢN BỊ ẢNH HƯỞNG để xem vấn đề theo bối cảnh.

Nhóm các vấn đề theo loại

Bảng điều khiển Vấn đề đếm số lượng tài nguyên bị ảnh hưởng cho mỗi vấn đề và hiển thị số lượng đó bên cạnh tiêu đề của vấn đề. Ngoài ra, bạn có thể sắp xếp các vấn đề theo mức độ nghiêm trọng trong 3 loại nhóm:

  • Đã có lỗi. Lỗi trang mà Chrome báo cáo.
  • Cảnh báo. Thay đổi có thể gây lỗi, chẳng hạn như các thay đổi ngừng hoạt động.
  • Thông tin. Các điểm cải tiến mà DevTools đề xuất.

Để nhóm các vấn đề, hãy đánh dấu vào Hộp đánh dấu. Nhóm theo loại trong thanh thao tác ở đầu bảng điều khiển Vấn đề.

Các vấn đề được nhóm thành 3 loại: Lỗi trên trang, Thay đổi có thể gây lỗi và Điểm cải tiến.

Bao gồm cả vấn đề về 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 các vấn đề về cookie của bên thứ ba trong phần TÀI NGUYÊN BỊ ẢNH HƯỞNG bị thiếu đường liên kết.

Cookie của bên thứ ba không có tài nguyên được liên kết trong mục Tài nguyên bị ảnh hưởng.

Để ẩn các vấn đề như vậy, hãy xoá Xóa. Bao gồm cả vấn đề về cookie của bên thứ ba trong thanh thao tác ở đầ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 ba dấu chấm Trình đơn có biểu tượng ba dấu chấm. bên cạnh vấn đề đó.

Tuỳ chọn Ẩn các vấn đề tương tự trong trình đơn ba dấu chấm bên cạnh một 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 phần này.

Mục Các vấn đề đã ẩn.

Để hiển thị tất cả vấn đề, hãy nhấp vào Hiện tất cả. Để hiển thị một vấn đề cụ thể, hãy chọn Bỏ ẩn các vấn đề như thế này trong trình đơn có biểu tượng ba dấu chấm 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 nhóm, bạn có thể ẩn toàn bộ nhóm vấn đề bằng trình đơn ba dấu chấm bên cạnh một nhóm.

Trình đơn có biểu tượng ba dấu chấm với lựa chọn ẩn nhóm Cải tiến.

Xem vấn đề theo bối cảnh

Để điều tra một vấn đề:

  1. Trong phần AFFECTED RESOURCES (TÀI NGUYÊN BỊ ẢNH HƯỞNG), hãy nhấp vào đường liên kết tài nguyên để xem mục đó trong ngữ cảnh thích hợp trong DevTools. Trong ví dụ này, hãy nhấp vào samesite-sandbox.glitch.me để hiển thị các cookie đí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.

    Phần Tài nguyên bị ảnh hưởng có đường liên kết đến yêu cầu bị ảnh hưởng.

  2. Di chuyể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 Thông tin. ở bên phải để xem vấn đề và cách khắc phục.

    Bảng điều khiển Mạng sẽ hiển thị chú giải công cụ khi bạn di chuột qua biểu tượng thông tin.