Trang này được dịch bởi Cloud Translation API.

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

Sofia Emelianova

Cải thiện phần `@property` trong phần 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 CSS theo quy tắc trong phần tương ứng trong mục Phần tử > Ngăn Kiểu.

Thời điểm trước và sau khi khiến quy tắc thuộc tính có thể chỉnh sửa.

Vấn đề về Chromium: 1471123.

Đã báo cáo các vấn đề có quy tắc `@property` không hợp lệ

Giờ đây, thẻ Vấn đề sẽ báo cáo những vấn đề có nội dung khai báo không hợp lệ trong các quy tắc @property.

Vấn đề về quy tắc thuộc tính được báo cáo trong thẻ Vấn đề.

Vấn đề về Chromium: 1473283.

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

Chuỗi tác nhân người dùng trong 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 ở chế độ thiết bị.

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

Vấn đề về Chromium: 1479733.

Tạo bản in đẹp mắt JSON cùng dòng trong các thẻ tập lệnh trong phần Nguồn

Bảng điều khiển Sources (Nguồn) hiện hỗ trợ chức năng in JSON cùng dòng in đẹp trong các thẻ HTML <script> để gỡ lỗi dễ dàng hơn.

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

Vấn đề về Chromium: 406900, 1473875.

Tự động hoàn thành các trường riêng tư trong Console

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

Phầ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.

Vấn đề về Chromium: 1483848, 1381806.

Lighthouse 11.1.0

Bảng điều khiển Lighthouse hiện chạy phiên bản Lighthouse 11.1.0. Xem danh sách đầy đủ các thay đổi.

Để tìm hiểu thông tin cơ bản về cách sử dụng bảng điều khiển 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 tiến về khả năng hỗ trợ tiếp cận

Lúc này, trình đọc màn hình sẽ đọc 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 đối với các đường liên kết ở chế độ tương phản cao.

Vấn đề về Chromium: 1485257, 1486643, 1485263.

Ngừng sử dụng Web SQL

Ứng dụng > Phần Web SQL sẽ bị xoá trong Chrome 123 vì API Cơ sở dữ liệu Web SQL không đượ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 Giảm giá và xoá SQL web.

Vấn đề về Chromium: 1485966.

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

Ứng dụng > Phần 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 của ảnh chụp màn hình không chính xác 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 Công cụ cho nhà phát triển bày tỏ sự biết ơn đối với Alexey Rodionov vì đã thực hiện thay đổi này và các 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.

Nội dung nổi bật khác

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

Phần tử:
- Các mẫu hàm thời gian ảnh động không hiển thị cho các thuộc tính CSS dài 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 duy nhất không chính xác vì giá trị đó phải là auto <length> (1480415).
- Ngừng hỗ trợ các thuộc tính -webkit-* không dùng nữa và không hợp lệ (1086089, 1030765).
Điểm ngắt: Sửa 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 được thay đổi (1485782).
Hiệu suất:
- Chúng tôi đã khắc phục lỗi phân tích cú pháp màu trong bản ghi hiệu suất (1480205).
- Khắc phục lỗi LCP không xuất hiện trong kênh Timing (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 các cookie bị chặn (1486903).
Giờ đây, các tiện ích trong 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 kênh xem trước xuống

Hãy cân nhắc việc sử dụng Chrome Canary, Nhà phát triển hoặc Beta làm trình duyệt phát triển mặc định của bạn. 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 Công cụ cho nhà phát triển, kiểm thử các API nền tảng web tiên tiến và tìm ra các vấn đề trên trang web của bạn trước khi người dùng làm điều đó!

Liên hệ với nhóm Công cụ của Chrome cho nhà phát triển

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

Gửi đề xuất hoặc phản hồi cho chúng tôi qua crbug.com.
Báo cáo sự cố Công cụ cho nhà phát triển bằng cách sử dụng Tuỳ chọn khác > Trợ giúp > Báo cáo vấn đề về Công cụ cho nhà phát triển trong Công cụ cho nhà phát triển.
Tweet tại @ChromeDevTools.
Để lại bình luận về Tính năng mới trong Video trên YouTube của Công cụ cho nhà phát triển hoặc Mẹo video trên YouTube trong Công cụ cho nhà phát triển.