Tính năng mới trong Công cụ cho nhà phát triển (Chrome 119)

Sofia Emelianova
Sofia Emelianova
GitHub

Phần @property được cải thiện trong Elements > Styles (Phần tử > Kiểu)

Quy tắc @property có thể chỉnh sửa

Giờ đây, bạn có thể chỉnh sửa @property quy tắc @ CSS trong phần tương ứng của ngăn Phần tử > Kiểu.

Trước và sau khi bạn chỉnh sửa quy tắc về tài sản.

Vấn đề về Chromium: 1471123.

Các vấn đề về quy tắc @property không hợp lệ sẽ được báo cáo

Thẻ Vấn đề hiện báo cáo các vấn đề về khai báo không hợp lệ trong các quy tắc @property.

Một vấn đề về quy tắc tài sản được báo cáo trong thẻ Vấn đề.

Vấn đề về Chromium: 1473283.

Cập nhật danh sách các thiết bị để mô phỏng

Các chuỗi tác nhân người dùng trong Cài đặt. Cài đặt > Thiết bị đã được cập nhật để phản ánh mức sử dụng trung bình của trình duyệt và hệ điều hành. Giờ đây, bạn có thể mô phỏng nhiều thiết bị mới nhất hơn ở chế độ thiết bị.

Hình ảnh trước và sau khi cập nhật danh sách thiết bị.

Vấn đề về Chromium: 1479733.

In JSON cùng dòng ở định dạng dễ đọc trong thẻ tập lệnh trong phần Nguồn

Giờ đây, bảng điều khiển Nguồn hỗ trợ in JSON nội tuyến theo cách dễ đọc trong thẻ HTML <script> để gỡ lỗi dễ dàng hơn.

JSON cùng dòng trước và sau khi in đẹp trong thẻ tập lệnh.

Các vấn đề về Chromium: 406900, 1473875.

Tự động hoàn thành các trường riêng tư trong Bảng điều khiển

Giờ đây, bạn có thể tự động hoàn thành các trường lớp riêng tư khi đánh giá chúng bên ngoài phạm vi lớp trong Bảng điều khiển.

Trước và sau khi hỗ trợ tính năng tự động hoàn thành cho trường lớp riêng tư bên ngoài phạm vi lớp.

Các vấn đề về Chromium: 1483848, 1381806.

Lighthouse 11.1.0

Bảng Lighthouse hiện chạy Lighthouse 11.1.0. Xem danh sách đầy đủ các thay đổi.

Để tìm hiểu những kiến thức cơ bản về cách sử dụng bảng Lighthouse trong Công cụ cho nhà phát triển, hãy xem bài viết Lighthouse: Tối ưu hoá tốc độ trang web.

Vấn đề về Chromium: 772558.

Cải thiện khả năng hỗ trợ tiếp cận

Giờ đây, trình đọc màn hình sẽ đọc to những nội dung sau:

  • Cảnh báo và lỗi trong Bảng điều khiển.
  • Văn bản trong hộp thoại Bạn có tin tưởng mã này không? khi dán mã vào Bảng điều khiển hoặc Nguồn.

Ngoài ra, bảng điều khiển Ứng dụng đã khắc phục các vấn đề về độ tương phản với các đường liên kết ở chế độ tương phản cao.

Các vấn đề về Chromium: 1485257, 1486643, 1485263.

Ngừng sử dụng Web SQL

Phần Ứng dụng > Web SQL sẽ bị xoá trong Chrome 123 vì Web SQL Database API không còn được duy trì nữa. Phiên bản này thêm một cảnh báo vào phần về việc xoá sắp tới.

Cảnh báo về việc ngừng sử dụng Web SQL.

Để biết thêm thông tin, hãy xem bài viết Ngừng sử dụng và xoá Web SQL.

Vấn đề về Chromium: 1485966.

Xác thực tỷ lệ khung hình của ảnh chụp màn hình trong phần Application (Ứng dụng) > Manifest (Tệp kê khai)

Mục Ứng dụng > Tệp kê khai hiện kiểm tra xem ảnh chụp màn hình của ứng dụng web có cùng hệ số hình dạng (wide hoặc narrow) có cùng tỷ lệ khung hình hay không.

Cảnh báo về tỷ lệ khung hình không chính xác của ảnh chụp màn hình có cùng hệ số hình dạng.

Để biết thêm thông tin, hãy xem phần Gỡ lỗi ứng dụng web tiến bộ và Thêm tệp kê khai ứng dụng web.

Nhóm DevTools xin cảm ơn Alexey Rodionov vì đã thực hiện thay đổi này và những cải tiến khác về cảnh báo tệp kê khai trong phiên bản trước.

Vấn đề về Chromium: 1476656.

Thông tin nổi bật khác

Sau đây là một số điểm cải tiến và bản sửa lỗi đáng chú ý trong bản phát hành này:

  • Phần tử:
    • Các mẫu hàm thời gian của ảnh động không xuất hiện cho các thuộc tính CSS dài dòng trong các thuộc tính viết tắt có thể mở rộng (1149182).
    • Tính năng tự động hoàn thành cho contain-intrinsic-* hiện không cung cấp giá trị auto đơn lẻ không chính xác vì giá trị này phải là auto <length> (1480415).
    • Đã xoá chế độ hỗ trợ cho các thuộc tính -webkit-* không hợp lệ và không dùng nữa (1086089, 1030765).
  • Điểm ngắt: Khắc phục lỗi hộp thoại chỉnh sửa điểm ngắt biến mất khi loại điểm ngắt thay đổi (1485782).
  • Hiệu suất:
    • Đã khắc phục lỗi phân tích cú pháp màu trong quá trình ghi lại hiệu suất (1480205).
    • Đã khắc phục lỗi LCP không xuất hiện trong bản theo dõi Timings (Thời gian) (1487136).
  • Mạng: Cột Đặt cookie hiện hiển thị số lượng cookie chính xác được đặt, không bao gồm cookie bị chặn (1486903).
  • Giờ đây, các tiện ích của Công cụ cho nhà phát triển sẽ tải sau khi điều hướng đến một máy chủ không bị chặn (1476264).
  • Khắc phục lỗi ngữ cảnh thực thi tập lệnh không chính xác cho các tiện ích (1275331).

Tải các kênh xem trước xuống

Hãy cân nhắc sử dụng Chrome Canary, Dev hoặc Beta làm trình duyệt phát triển mặc định. Các kênh xem trước này cho phép bạn truy cập vào các tính năng mới nhất của DevTools, kiểm thử các API nền tảng web tiên tiến và giúp bạn tìm thấy các vấn đề trên trang web của mình trước khi người dùng tìm thấy!

Liên hệ với nhóm Chrome DevTools

Hãy sử dụng các lựa chọn sau để thảo luận về các tính năng mới, nội dung cập nhật hoặc bất kỳ nội dung nào khác liên quan đến Công cụ cho nhà phát triển.

Tính năng mới trong Công cụ cho nhà phát triển

Danh sách mọi nội dung đã được đề cập trong loạt bài Tính năng mới trong Công cụ cho nhà phát triển.