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

Sofia Emelianova
Sofia Emelianova
GitHub

Cải thiện bảng điều khiển Hiệu suất

Phiên bản này mang đến một số điểm cải tiến cho bảng điều khiển Hiệu suất.

Di chuyển và ẩn các kênh bằng chế độ định cấu hình kênh mới

Giờ đây, bạn có thể chuyển sang chế độ định cấu hình dòng bằng cách nhấp chuột phải vào tên dòng rồi chọn Định cấu hình dòng. Nút chỉnh sửa cần thêm không gian đã bị xoá.

Hình ảnh trước và sau khi thay thế nút chỉnh sửa bằng một lựa chọn trong trình đơn.

Chế độ cấu hình kênh cho phép bạn thay đổi thứ tự của các kênh và ẩn chúng. Nhấp vào biểu tượng lên hoặc xuống để di chuyển phụ đề hoặc nhấp vào biểu tượng ẩn. Để thoát chế độ định cấu hình, hãy nhấp vào Kết thúc việc định cấu hình kênh ở dưới cùng. Cấu hình này vẫn tồn tại cho các dấu vết mới nhưng không tồn tại cho các phiên Công cụ cho nhà phát triển tiếp theo.

Vấn đề về Chromium: 336266699.

Bỏ qua các tập lệnh trong biểu đồ hình ngọn lửa

Biểu đồ ngọn lửa trong bản theo dõi Chính bổ sung tính năng hỗ trợ danh sách bỏ qua. Giờ đây, bạn có thể nhấp chuột phải vào một tập lệnh trong biểu đồ rồi chọn Thêm tập lệnh vào danh sách bỏ qua.

Lựa chọn trong trình đơn để thêm tập lệnh vào danh sách bỏ qua, các tập lệnh được đánh dấu là bị bỏ qua và các quy tắc tương ứng trong phần Cài đặt.

Biểu đồ này sẽ thu gọn các tập lệnh bị bỏ qua, đánh dấu chúng là Trong danh sách bỏ qua và thêm chúng vào Quy tắc loại trừ tuỳ chỉnh trong Cài đặt > Danh sách bỏ qua. Các tập lệnh bị bỏ qua sẽ được lưu cho đến khi bạn xoá chúng khỏi dấu vết hoặc khỏi Quy tắc loại trừ tuỳ chỉnh.

Vấn đề về Chromium: 336266714.

Giảm tốc độ CPU xuống 20 lần

Trình đơn điều tiết CPU trong phần Cài đặt chụp của bảng Hiệu suất có thêm lựa chọn Giảm tốc độ 20 lần. Vì vậy, giờ đây, bạn có thể tái tạo và phân tích các vấn đề về hiệu suất trong thế giới thực một cách chính xác hơn, ngay cả trên máy tính cao cấp.

Hình ảnh trước và sau khi thêm lựa chọn "giảm tốc độ 20 lần" vào phần "Chế độ cài đặt chụp".

Vấn đề về Chromium: 324978881.

Bảng điều khiển Thông tin chi tiết về hiệu suất sẽ không được dùng nữa

Bảng điều khiển Thông tin chi tiết về hiệu suất thử nghiệm sẽ không được dùng nữa vào năm 2024. Nhóm DevTools đang nỗ lực tích hợp các tính năng hữu ích nhất của công cụ này vào bảng điều khiển Hiệu suất. Giờ đây, bảng điều khiển Thông tin chi tiết về hiệu suất sẽ hiển thị một biểu ngữ ở trên cùng để thông báo cho bạn về việc ngừng cung cấp tính năng này trong thời gian tới.

Biểu ngữ cảnh báo không dùng nữa trong bảng điều khiển "Thông tin chi tiết về hiệu suất".

Để tìm hiểu thêm, hãy xem bài viết Công cụ đo lường hiệu suất từ năm 2024 trở đi.

Nếu bạn có ý kiến phản hồi về những điểm hiệu quả, những điểm không hiệu quả và những điểm bạn cho là cần cải thiện, chúng tôi rất mong nhận được ý kiến của bạn.

Dán toàn bộ chuỗi tiêu đề để ghi đè

Khi ghi đè tiêu đề, giờ đây, bạn có thể dán toàn bộ chuỗi tiêu đề (HEADER_NAME: VALUE) và Công cụ cho nhà phát triển sẽ chia chuỗi tại : thành tên tiêu đề và giá trị của tiêu đề đó.

Hãy xem ví dụ thực tế trong video sau đây.

Khi chỉnh sửa tiêu đề, bảng điều khiển Network (Mạng) hiện sẽ cảnh báo cho bạn nếu bạn nhập bất kỳ ký tự nào khác ngoài chữ và số, dấu gạch ngang và dấu gạch dưới.

Cảnh báo bên cạnh tên tiêu đề có chứa các ký tự không được hỗ trợ.

Ngoài ra, các nút ghi đè lựa chọn trong trình đơn và Chỉnh sửa sẽ bị vô hiệu hoá đối với chrome://-URL, phù hợp với hành vi dự kiến.

Các vấn đề về Chromium: 330967147, 337012362, 328210785.

Tìm mức sử dụng bộ nhớ quá mức bằng các bộ lọc mới trong ảnh chụp nhanh vùng nhớ khối xếp

Ảnh chụp nhanh vùng nhớ khối xếp trong bảng Bộ nhớ có các bộ lọc mới có thể giúp bạn tìm thấy các trường hợp phổ biến về việc sử dụng bộ nhớ không hiệu quả, chẳng hạn như các chuỗi trùng lặp, các đối tượng được giữ lại bởi các nút DOM đã tách và Bảng điều khiển Công cụ cho nhà phát triển.

Hình ảnh trước và sau khi thêm các lựa chọn bộ lọc cho các trường hợp phổ biến về việc sử dụng bộ nhớ không hiệu quả.

Vấn đề về Chromium: 337094903.

Kiểm tra bộ chứa lưu trữ trong phần Ứng dụng > Bộ nhớ

Giờ đây, bạn có thể kiểm tra các vùng lưu trữ trong một cây chuyên dụng trong phần Ứng dụng > Bộ nhớ. Cây này (trước đây là thử nghiệm) đã được bật theo mặc định.

Hình ảnh trước và sau khi bật cây nhóm lưu trữ trong phần Lưu trữ.

Vấn đề về Chromium: 338094915.

Tắt cảnh báo tự thực hiện XSS bằng cờ dòng lệnh

Nếu tự động hoá việc sử dụng Chrome hoặc mở Công cụ cho nhà phát triển từ dòng lệnh để gỡ lỗi, bạn thường muốn tắt cảnh báo tự tấn công tập lệnh chéo trang xuất hiện trong mọi phiên Công cụ cho nhà phát triển mới.

Hộp thoại cảnh báo tự tấn công bằng tập lệnh giả mạo trong Bảng điều khiển.

Giờ đây, bạn có thể tắt hộp thoại này bằng cách truyền --unsafely-disable-devtools-self-xss-warnings cờ dòng lệnh đến Chrome.

Vấn đề về Chromium: 41491762.

Lighthouse 12.0.0

Bảng Lighthouse hiện chạy Lighthouse 12.0.0.

Bản cập nhật này có một số thay đổi, bao gồm cả việc xoá danh mục PWA, sắp xếp lại danh mục SEO, ngừng sử dụng Tổng mức tiết kiệm, các quy trình kiểm tra mới và thay đổi về quy trình kiểm tra. 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: 772558.

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

Sau đâ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:

  • Hiệu suất:
    • Giờ đây, các chế độ cài đặt chụp chậm (Bật khả năng đo lường bản vẽ nâng cao và Bật số liệu thống kê của bộ chọn CSS) sẽ tự động xoá trong phiên Công cụ cho nhà phát triển tiếp theo.
    • Giờ đây, thẻ Selector Stats (Số liệu thống kê về bộ chọn) sẽ không tự động cuộn xuống dưới cùng khi bạn thu phóng biểu đồ ngọn lửa và dữ liệu thay đổi (337999939).
  • Bảng điều khiển: Phím tắt Ctrl+` hiện chỉ đóng Bảng điều khiển trong ngăn nếu bảng điều khiển đang ở chế độ lấy tiêu điểm (40875466, 328210785).
  • Tự động điền: Đã khắc phục lỗi phân tích địa chỉ (335409093, 335409707).
  • Hỗ trợ tiếp cận: Đã khắc phục thông báo của trình đọc màn hình cho các chuỗi được bản địa hoá (324930007).

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.