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

Sofia Emelianova
Sofia Emelianova
GitHub

Gỡ lỗi nhiều thông tin chi tiết hơn bằng Gemini

Trong mục Hiệu suất > Thông tin chi tiết, giờ đây, bạn có thể nhấp vào Gỡ lỗi bằng AI (trước đây là Hỏi AI) để trò chuyện và gỡ lỗi với Gemini trong bảng Trợ lý AI để xem thêm thông tin chi tiết về hiệu suất:

  • Cải thiện việc phân phối hình ảnh
  • JavaScript cũ
  • JavaScript trùng lặp
  • HTTP hiện đại

Trước và sau khi thêm nút "Gỡ lỗi bằng AI" vào phần thông tin chi tiết khác về hiệu suất.

Mô phỏng tiêu đề "Save-Data" trong "Network conditions" (Điều kiện mạng)

Trong bảng điều khiển Network conditions (Điều kiện mạng), giờ đây, bạn có thể mô phỏng hành vi của tiêu đề yêu cầu Save-Data. Tiêu đề này là một gợi ý của ứng dụng mạng cho biết lựa chọn ưu tiên của ứng dụng về việc giảm mức sử dụng dữ liệu. Bạn cũng có thể sử dụng công cụ này thông qua API navigator.connection.saveData.

Trước và sau khi thêm tính năng mô phỏng tiêu đề yêu cầu "Save-Data" vào "Network conditions" (Điều kiện mạng).

Vấn đề về Chromium: 40668980.

Xem trạng thái Baseline trong chú giải công cụ thuộc tính CSS

Trong Elements (Phần tử) > Styles (Kiểu), khi di chuột lên bất kỳ thuộc tính CSS nào, giờ đây, bạn có thể thấy trạng thái Baseline (Cơ sở) của thuộc tính đó trong phần định nghĩa thuộc tính, cho biết khả năng hỗ trợ của thuộc tính trên các trình duyệt chính.

Trước và sau khi thêm trạng thái Đường cơ sở vào chú giải công cụ thuộc tính CSS.

Vấn đề về Chromium: 417749762.

Ghi đè hệ số hình dạng trong thông tin mô tả của ứng dụng tác nhân người dùng

Trong trình đơn thả xuống Điều kiện mạng > Thông tin mô tả của ứng dụng tác nhân người dùng, giờ đây, bạn có thể chọn ghi đè hệ số hình dạng, cụ thể là các giá trị của tiêu đề yêu cầu Sec-CH-UA-Form-Factors.

Trước và sau khi thêm các lựa chọn ghi đè hệ số hình dạng vào thông tin mô tả của ứng dụng tác nhân người dùng.

Vấn đề về Chromium: 422218341.

Lighthouse 12.8.0

Giờ đây, bảng Lighthouse chạy Lighthouse 12.8.0.

Đáng chú ý nhất trong phiên bản này, Lighthouse bổ sung một báo cáo mới: Giảm thiểu XSS dựa trên DOM bằng Trusted Types.

Bạn cũng có thể 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: 40543651.

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

Đâ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:

  • Sự hỗ trợ của AI:
    • Giờ đây, nhật ký trò chuyện sẽ bị xoá khi bạn tắt tính năng AI tương ứng trong phần Cài đặt.
    • Hỗ trợ tiếp cận: Giờ đây, trình đọc màn hình sẽ thông báo sớm các tiêu đề theo ngữ cảnh, "Đang tải câu trả lời" khi câu trả lời bắt đầu truyền trực tuyến và "Đã có câu trả lời" khi câu trả lời hoàn tất.
  • Phần tử:
    • Giờ đây, thẻ Kiểu có thể đánh giá các hàm CSS sibling-index(), sibling-count() và env() (crbug.com/417128001, crbug.com/40196710).
    • Bổ sung khả năng hỗ trợ phần tử giả ::view-transition-group-children (crbug.com/425901164).
    • Thêm tính năng hỗ trợ cho các vấn đề về khả năng hỗ trợ tiếp cận đối với nội dung tương tác trong phần tử <summary> (crbug.com/427172874).
    • Giờ đây, bạn có thể chuyển đến các thuộc tính viết tay trong Kiểu (crbug.com/41486012) trên thẻ Đã tính toán.
    • Trình chỉnh sửa Độ trễ, Màu sắc: Giờ đây, bạn có thể tương tác với các mẫu màu bezier cho hiệu ứng chuyển cảnh và mẫu màu bằng bàn phím (crbug.com/401213421).
  • Mạng: Giờ đây, tính năng nhập tệp HAR cũng bao gồm cookie yêu cầu và phản hồi (crbug.com/432995868).
  • Chế độ thiết bị: Cập nhật tác nhân người dùng cho các thiết bị Apple lên Safari 18.5 mới nhất.

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 dùng thử 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 ra các vấn đề trên trang web của mình trước khi người dùng phát hiện ra!

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.