Sofia Emelianova
Khám phá một tập hợp các tuỳ chọn ảnh hưởng đến việc hiển thị nội dung web thông qua thông tin tổng quan này về các tính năng của thẻ Hiển thị trong Công cụ của Chrome cho nhà phát triển.
Tổng quan
Thẻ Rendering (Hiển thị) giúp bạn:
- Khám phá các vấn đề về hiệu suất kết xuất. Phát hiện việc vẽ lại, thay đổi bố cục, lớp và thẻ thông tin, vấn đề cuộn, xem số liệu thống kê 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 CSS. Kiểm thử cách các trang hiển thị với nhiều tính năng đa phương tiện 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 kiểm thử.
- Á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 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 các khiếm khuyết về thị giác.
Mở thẻ Kết xuất
Cách mở thẻ Rendering (Hiển thị):
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.
Bắt đầu nhập
rendering, chọn Show Rendering (Hiện kết xuất) rồi nhấn phím Enter. Công cụ dành cho nhà phát triển sẽ hiển thị thẻ Rendering (Hiển thị) ở cuối cửa sổ Công cụ dành cho nhà phát triển.
Ngoài ra, bạn có thể mở thẻ Rendering (Hiển thị) theo các cách sau:
- Nhấn phím Esc để mở Ngăn, rồi ở góc trên cùng bên trái, hãy nhấp vào Công cụ khác
> 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
> Công cụ khác > Hiển thị.