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 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 ngăn Phần tử > Kiểu.

Trước và sau khi chỉnh sửa quy tắc thuộc tính.

Sự cố Chromium: 1471123.

Các vấn đề với 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ề nội dung khai báo không hợp lệ trong 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 đề.

Sự cố 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 phần Cài đặt > Thiết bị đã được cập nhật để phản ánh mức sử dụng trung bình của các trình duyệt và hệ điều hành. Giờ đây, bạn có thể mô phỏng thêm nhiều thiết bị hiện đại ở chế độ thiết bị.

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

Vấn đề với Chromium: 1479733.

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

Bảng điều khiển Sources (Nguồn) hiện hỗ trợ JSON cùng dòng có cách in đẹp trong các 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 sự cố với 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á các trườ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.

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

Lighthouse 11.1.0

Bảng điều khiển Lighthouse hiện chạy 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.

Các sự cố với 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ác 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 Console 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.

Sự cố với Chromium: 1485257, 1486643, 1485263.

Không dùng Web SQL nữa

Phần Ứng dụng > Web SQL sẽ bị xoá trong Chrome 123 vì API Cơ sở dữ liệu Web SQL 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ề yêu cầu 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 Không dùng nữa và xoá Web SQL.

Các sự cố với Chromium: 1485966.

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

Giờ đây, phần Ứng dụng > Tệp kê khai sẽ 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 các ả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 bài viết 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ự cảm kích với Alexey Rodionov vì đã thay đổi này được áp dụng và cải thiện cảnh báo tệp kê khai khác trong phiên bản trước.

Vấn đề với Chromium: 1476656.

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

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

Phần tử:
- Bảng màu hàm thời gian ảnh động không xuất hiện 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).
- Chúng tôi đã 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 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 hiệu suất (1480205).
- Khắc phục lỗi LCP không xuất hiện trong kênh Timings (1487136).
Mạng: Giờ đây, cột Đặt cookie sẽ hiển thị số lượng cookie chính xác đã đặt, không bao gồm cookie bị chặn (1486903).
Các tiện ích Công cụ cho nhà phát triển hiện tải sau khi điều hướng đến máy chủ không bị chặn (1476264).
Khắc phục lỗi có ngữ cảnh thực thi tập lệnh không chính xác cho tiện ích (1275331).

Tải 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 cung cấp cho bạn quyề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, thử nghiệm API nền tảng web tiên tiến và tìm ra sự cố trên trang web của bạn trước khi người dùng của bạn 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 đây để thảo luận về các tính năng mới và thay đổi trong bài đăng hoặc bất cứ vấn đề nào khác liên quan đến Công cụ cho nhà phát triển.

Hãy 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ủa Công cụ cho nhà phát triển bằng cách sử dụng phần Tuỳ chọn khác > Trợ giúp > Báo cáo sự cố về Công cụ cho nhà phát triển trong Công cụ cho nhà phát triển.
Tweet tại @ChromeDevTools.
Hãy để 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 video trên YouTube.