Tổng quan về thẻ hiển thị

Sofia Emelianova
Sofia Emelianova
GitHub

Khám phá bộ sưu tập các tuỳ chọn ảnh hưởng đến quá trình hiển thị nội dung web qua thông tin tổng quan về các tính năng của thẻ Hiển thị trong Công cụ cho nhà phát triển.

Tổng quan

Thẻ Hiển thị giúp bạn:

  • Tìm hiểu các vấn đề về hiệu suất kết xuất. Phát hiện chỗ vẽ lại, thay đổi bố cục, lớp và thẻ thông tin, các vấn đề về thao tác cuộn, xem số liệu thống kê về quá trình kết xuất và Các chỉ số quan trọng về trang web.
  • Mô phỏng các tính năng đa phương tiện của CSS. Kiểm thử cách các trang hiển thị bằng nhiều tính năng đa phương tiện của CSS mà không cần chỉ định các tính năng đó theo cách thủ công trong mã hoặc môi trường thử nghiệm.
  • Áp dụng các hiệu ứng hữu ích khác. Làm nổi bật khung quảng cáo, mô phỏng tiêu điểm trên một trang, tắt phông chữ và định dạng hình ảnh cục bộ, bật giao diện tối tự động và mô phỏng khiếm khuyết về thị lực.

Mở thẻ Kết xuất

Cách mở thẻ Kết xuất:

  1. Mở Công cụ cho nhà phát triển.

  2. Nhấn tổ hợp phím Command+Shift+P (Mac) hoặc Control+Shift+P (Windows, Linux, ChromeOS) để mở Trình đơn lệnh.

    Trình đơn lệnh, Kết xuất

  3. Bắt đầu nhập rendering, chọn Hiện kết xuất rồi nhấn phím Enter. Công cụ cho nhà phát triển hiển thị thẻ Hiển thị ở cuối cửa sổ Công cụ cho nhà phát triển của bạn.

Ngoài ra, bạn có thể mở thẻ Kết xuất theo các cách sau:

  • Nhấn Esc để mở Ngăn và ở góc trên cùng bên trái, nhấp vào Công cụ khác Thêm > Hiển thị.
  • Ở góc trên cùng bên phải, hãy nhấp vào biểu tượng Tuỳ chọn khác Thêm > Công cụ khác > Hiển thị.