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

Sofia Emelianova
Sofia Emelianova
GitHub

Chrome DevTools đáng tin cậy và hiệu quả hơn

Trong phiên bản này, Công cụ cho nhà phát triển của Chrome ưu tiên chất lượng sản phẩm. Việc này bao gồm giải quyết nhiều vấn đề đã biết, từ các lỗi hình ảnh tồn tại lâu dài, các vấn đề về khả năng sử dụng và sự không nhất quán trong thiết kế cho đến các vấn đề về hiệu suất và chức năng. Nhìn chung, chúng tôi đã giảm 27% số vấn đề chưa được giải quyết.

Cuối cùng, chúng tôi đã giải quyết một số vấn đề tồn tại nhiều năm, đồng thời cải thiện các tính năng mới hơn, chẳng hạn như trong bảng điều khiển Hiệu suất và trợ lý AI. Kết quả là trải nghiệm của nhà phát triển được cải thiện đáng kể trên mọi phương diện.

Trong quá trình này, chúng tôi đã nỗ lực rất nhiều để tăng cường phạm vi kiểm thử, điều tra các lỗi kiểm thử phức tạp, di chuyển các kiểm thử sang nền tảng mạnh mẽ hơn và giải quyết các lỗi mà chúng tôi phát hiện được trong quá trình này. Chúng tôi đã giảm được 54% số lượng vấn đề liên quan đến kiểm thử.

Chúng tôi hy vọng bạn sẽ nhận thấy nhiều điểm điều chỉnh và cải tiến nhỏ này trên nhiều bảng điều khiển, giúp quy trình gỡ lỗi và phát triển hằng ngày của bạn diễn ra suôn sẻ, đáng tin cậy và hiệu quả hơn.

Tải hình ảnh lên trong trợ lý AI để tạo kiểu

Để cung cấp thêm bối cảnh trực quan cho câu lệnh, giờ đây, bạn không chỉ có thể chụp ảnh màn hình tự động mà còn có thể tải hình ảnh bất kỳ lên cuộc trò chuyện với Gemini trong bảng điều khiển Trợ lý AI.

Bắt đầu cuộc trò chuyện từ bảng điều khiển Phần tử bằng cách chọn một phần tử DOM rồi nhấp vào Hỏi AI để chỉ định phần tử đó làm bối cảnh trò chuyện. Sau đó, hãy nhấp vào biểu tượng Thêm hình ảnh trong trường nhập.

Trước và sau khi hỗ trợ tải hình ảnh tuỳ ý lên.

Thêm tiêu đề yêu cầu vào bảng trong Mạng

Trong bảng điều khiển Mạng, giờ đây, bạn có thể nhấp chuột phải vào tên cột trong bảng yêu cầu và chọn nhiều tiêu đề yêu cầu để thêm chúng làm cột.

Hình ảnh trước và sau khi thêm lựa chọn "tiêu đề yêu cầu" vào trình đơn.

Vấn đề về Chromium: 397481040.

Xem những điểm nổi bật tại Google I/O 2025

Nếu chưa, hãy dùng thử các tính năng chính mới của Công cụ cho nhà phát triển Chrome được nêu bật tại Google I/O 2025, bao gồm nhưng không giới hạn ở:

Ngoài ra, hãy xem Thông tin chi tiết về hiệu suất mới: JavaScript trùng lặp và JavaScript cũ.

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:

  • Ứng dụng: Hiện có một hộp thoại xác nhận để xoá các kho lưu trữ đối tượng IndexedDB vì đây là một hành động không thể đảo ngược (crbug.com/326987147).
  • Nguồn: Huy hiệu điểm ghi nhật ký và điểm ngắt có điều kiện bên cạnh các dòng mã hiện hiển thị chú thích khi di chuột cùng với thông báo hoặc điều kiện nhật ký tương ứng (crbug.com/40266230).

  • Hiệu suất:

    • Thông tin chi tiết Nguyên nhân gây ra sự thay đổi bố cục hiện cho thấy các đường liên kết đến hình ảnh chưa được điều chỉnh kích thước (crbug.com/416449602).
    • Thông tin chi tiết về phát hiện yêu cầu LCP hiện cho biết độ trễ tải hình ảnh sau thời điểm bắt đầu sớm nhất.
    • Điều tiết: Đã khắc phục định dạng lỗi thời của chế độ cài đặt điều tiết mà một số người dùng đã lưu trữ cục bộ.
    • Nhật ký sự kiện: Lọc nhanh hơn (crbug.com/40783421).

  • Ảnh động: Ảnh chụp màn hình xem trước không dùng nữa vì tính năng nhấp để xem trước một nhóm ảnh động mang lại trải nghiệm tương tự và tốt hơn (crbug.com/330179643).

  • Hỗ trợ tiếp cận:

    • Đã thêm aria-label vào thanh bên Nguồn > Điểm ngắt DOM (nếu có).
    • Khắc phục chế độ điều hướng bằng bàn phím Shift + Tab trong trường văn bản Biểu thức trực tiếp trong Bảng điều khiển (crbug.com/408398435, crbug.com/420344137).
    • Trang Cài đặt hiện hỗ trợ các phím tắt thu phóng/đặt lại: Cmd/Ctrl + +/-/0 (crbug.com/41484555).
    • Elements (Phần tử) > Styles (Kiểu): Giờ đây, các biểu tượng cảnh báo và gợi ý CSS (crbug.com/40706851) và Đồng hồ góc có thể lấy tiêu điểm bằng bàn phím (crbug.com/401212624, crbug.com/401213524).

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.