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

Ngày xuất bản: 11 tháng 2 năm 2026

Tương tự như Chrome 139, đối với Chrome 145, nhóm Chrome DevTools đã ưu tiên sự xuất sắc của sản phẩm, giải quyết các vấn đề đã biết, hợp nhất các cách triển khai giao diện người dùng và cải thiện tình trạng kiểm thử. Nhiều bản sửa lỗi và cải tiến tinh tế trên nhiều bảng điều khiển đã được thực hiện thông qua nỗ lực này sẽ 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ẻ hơn, đáng tin cậy hơn và hiệu quả hơn.

Nội dung cập nhật máy chủ MCP của DevTools

Máy chủ MCP của DevTools đã nhận được các bản cập nhật đáng kể từ phiên bản 0.11.0 lên phiên bản 0.14.0, giới thiệu các tính năng tự động hoá và mô phỏng chính.

  • Tự động kết nối: Cờ --auto-connect mới cho phép máy chủ tự động phát hiện và đính kèm vào một phiên bản Chrome đang chạy, loại bỏ nhu cầu sao chép URL WebSocket theo cách thủ công.
  • Mô phỏng hợp nhất: Một công cụ emulate duy nhất hiện xử lý vị trí địa lý, điều kiện mạng (ngoại tuyến/3G chậm), điều tiết CPU và ghi đè tác nhân người dùng.
  • Nhật ký được giữ nguyên: Giờ đây, bạn có thể truy cập vào các yêu cầu mạng và thông báo trên bảng điều khiển trong quá trình điều hướng, phản ánh chức năng "Giữ nguyên nhật ký" trong DevTools.

Hãy xem nhật ký thay đổi công khai trên GitHub để biết danh sách đầy đủ các thay đổi.

Điều hướng mềm hiện xuất hiện trong chế độ xem dấu vết

Các điểm đánh dấu điều hướng mềm và LCP mềm hiện xuất hiện trong chế độ xem dấu vết của bảng điều khiển Hiệu suất nếu trang web của bạn đang sử dụng kiến trúc ứng dụng trang đơn (SPA). Điều này giúp bạn gỡ lỗi hiệu suất dễ dàng hơn đáng kể trong các ứng dụng web hiện đại, nơi điều hướng diễn ra mà không cần tải lại toàn bộ trang.

Đọc thêm về điều hướng mềm trong bài đăng này trên blog. Chế độ xem số liệu trực tiếp và Thông tin chi tiết về hiệu suất không phản ánh điều hướng mềm, nhưng công việc đó được lên kế hoạch cho các bản phát hành trong tương lai khi công việc trên API này tiếp tục.

Một điểm đánh dấu điều hướng mềm trong bảng điều khiển Hiệu suất có dấu vết từ youtube.com.

Vấn đề về Chromium: 450673886, 450673887

Thời gian của trình phân tích hiệu suất ở cấp dòng hiện chính xác hơn nhiều

Sau khi ghi lại dấu vết trong bảng điều khiển Hiệu suất, bảng điều khiển Nguồn sẽ hiển thị thời gian quan sát được trong dấu vết trên cơ sở từng dòng. Điều này cho phép bạn xác định chính xác những dòng mã nào đang tiêu tốn nhiều thời gian thực thi nhất.

Tính năng này trước đây có các lỗi khiến tính năng này không đáng tin cậy khi nguồn được định dạng đẹp (sử dụng nút {}) hoặc khi sử dụng các tập lệnh được ánh xạ nguồn. Các vấn đề này đã được giải quyết, giúp việc phân tích hiệu suất ở cấp dòng trở nên chính xác và có thể sử dụng cho mã đã rút gọn, sẵn sàng cho quá trình sản xuất.

Thời gian thực thi bên cạnh số dòng trong bảng điều khiển Nguồn.

Tương tác dấu vết nhanh hơn

Một điểm tắc nghẽn chính trong bảng điều khiển Hiệu suất đã được giải quyết. Trước đây, việc chọn phạm vi thời gian hoặc di chuyển qua các dấu vết bận có thể dẫn đến tình trạng giao diện người dùng bị chậm đáng kể do sắp xếp sự kiện dư thừa. Điều này đã được tối ưu hoá, giúp tương tác với các biểu đồ ngọn lửa phức tạp trở nên nhạy hơn đáng kể.

Vấn đề về Chromium: 457866795

Xác định tài nguyên chặn hiển thị

Bảng điều khiển Mạng hiện có một cột Chặn hiển thị riêng. Điều này cho phép bạn xác định ngay những tài nguyên (JavaScript, CSS và phông chữ) đang ngăn trình duyệt tạo điểm ảnh nội dung trang, giúp bạn tối ưu hoá hiệu suất hiển thị đầu tiên.

Cột Chặn hiển thị mới trong bảng điều khiển mạng.

Vấn đề về Chromium: 41169154

Điều tiết yêu cầu mạng riêng lẻ

Bảng điều khiển Điều kiện yêu cầu (trước đây là Chặn yêu cầu mạng), được giới thiệu trong Chrome 144, hiện có tính năng điều tiết yêu cầu riêng lẻ được bật theo mặc định.

Mặc dù tính năng này đã được giới thiệu trong cột mốc trước đó, nhưng tính năng này đã bị tắt do một lỗi hồi quy muộn. Trong Chrome 145, giờ đây, bạn có thể điều tiết một cách đáng tin cậy các yêu cầu mạng cụ thể để mô phỏng các phần phụ thuộc chậm hoặc kiểm tra cách ứng dụng của bạn xử lý các độ trễ tài nguyên cụ thể.

Mở bảng điều khiển từ > Công cụ khác > Điều kiện yêu cầu để bắt đầu điều tiết hoặc chặn các mẫu cụ thể.

Cải tiến quy trình gỡ lỗi cho @starting-style

Tính năng hỗ trợ gỡ lỗi quy tắc CSS @starting-style hiện được bật theo mặc định. Tính năng này giúp bạn kiểm tra các kiểu được áp dụng khi một phần tử được hiển thị lần đầu tiên, điều này rất cần thiết để gỡ lỗi các hiệu ứng động và quá trình chuyển đổi khi vào.

Vấn đề về Chromium: 465367572

Nội dung cập nhật về Trợ lý AI

  • Nội dung đầu vào đa phương thức: Giờ đây, bạn có thể dán hình ảnh trực tiếp từ khay nhớ tạm vào cuộc trò chuyện Trợ lý AI để đặt câu hỏi về các vấn đề trực quan.

Vấn đề về Chromium: 470997699

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

  • Phần tử: Một huy hiệu Xem nguồn mới đã được thêm bên cạnh thẻ gốc <html>, cung cấp một cách nhanh chóng để chuyển đến mã nguồn của tài liệu.
  • Nguồn: Các tệp JSON có thể chỉnh sửa hiện hỗ trợ nút bật/tắt in đẹp có thể đảo ngược, giúp bạn dễ dàng chỉnh sửa dữ liệu mà không làm mất định dạng ban đầu.
  • Mạng: Các mục trong trình đơn theo bối cảnh đã được cập nhật để sử dụng kiểu câu nhằm cải thiện khả năng đọc.
  • Bảng điều khiển: Khắc phục vấn đề mất bộ lọc cho các ngoại lệ chưa bắt được sau khi tải lại trang.

Vấn đề về Chromium: 378870233, 461041921, 433162438

Thông báo về khả năng hỗ trợ tiếp cận

Phiên bản này mang đến những cải tiến sau về khả năng hỗ trợ tiếp cận:

  • Tìm kiếm: Trình đọc màn hình hiện thông báo số lượng kết quả tìm kiếm (ví dụ: "1 trong 5") khi sử dụng Ctrl+F.
  • Máy ghi âm: Trình đọc màn hình hiện thông báo khi một bản ghi đã được xoá hoặc nhập thành công.
  • Cài đặt: Trình đọc màn hình hiện thông báo số lượng kết quả khi lọc trong thẻ Thử nghiệm.
  • Quyền riêng tư: Nhóm Nguồn gốc trong bảng điều khiển Quyền riêng tư hiện có thể truy cập đầy đủ bằng bàn phím.
  • Giao diện người dùng: Cải thiện khả năng hiển thị của các biểu tượng gắn vào và các phần tử chọn bị tắt cho người dùng ở chế độ Tương phản cao và Màu bắt buộc.

Vấn đề về Chromium: 448675917, 392090449, 471713944, 471141907, 471095586