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 126

Sofia Emelianova

Cải tiến bảng điều khiển hiệu suất

Phiên bản này có 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 bản nhạc bằng chế độ cấu hình bản nhạc mới

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

Chế độ cấu hình bản nhạc cho phép bạn thay đổi thứ tự của các bản nhạc và ẩn chúng. Nhấp vào arrow_upward (hướng lên trên) hoặc arrow_downward (mũi tên xuống) để di chuyển quanh đường đi hoặc nhấp vào nhóm visibility_off để ẩn. Để thoát khỏi chế độ cấu hình, hãy nhấp vào Hoàn tất 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 đối với 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ới Chromium: 336266699.

Bỏ qua các chữ viết trong biểu đồ hình ngọn lửa

Biểu đồ ngọn lửa trong bản nhạc 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.

Tuỳ chọn 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 đồ thu gọn các tập lệnh bị bỏ qua, đánh dấu các tập lệnh đó là Danh sách bỏ qua rồi thêm các tập lệnh đó vào Quy tắc loại trừ tuỳ chỉnh trong phần cài đặt Cài đặt > Danh sách bỏ qua. Các tập lệnh đã bỏ qua được lưu cho đến khi bạn xoá các tập lệnh đó khỏi dấu vết hoặc khỏi Quy tắc loại trừ tuỳ chỉnh.

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

Giảm CPU xuống 20 lần

Trình đơn điều tiết CPU trong phần Capture settings (Cài đặt chụp ảnh) của bảng điều khiển Performance (Hiệu suất) có tuỳ chọn mới là 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 chính xác hơn các vấn đề hiệu suất trong thế giới thực, ngay cả trên các máy tính cao cấp.

Trước và sau khi thêm tuỳ chọn "20x tốc độ chậm" vào "Cài đặt chụp".

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

Bảng thông tin chi tiết về hiệu suất sẽ ngừng hoạt động

Bảng điều khiển Thông tin chi tiết về hiệu suất thử nghiệm sẽ ngừng hoạt động vào năm 2024. Nhóm Công cụ cho nhà phát triển đang nỗ lực tích hợp các tính năng hữu ích nhất vào bảng điều khiển Hiệu suất. Bảng điều khiển Thông tin chi tiết về hiệu suất hiện hiển thị một biểu ngữ ở trên cùng để bạn biết về việc ngừng sử dụng sắp tới.

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

Nếu bạn có bất kỳ ý kiến phản hồi nào về những điều đang hoạt động hiệu quả, những điều chưa tốt và những điều bạn nghĩ cần cải thiện, chúng tôi rất mong nhận được ý kiến đóng góp của bạn.

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

Giờ đây, khi ghi đè tiêu đề, 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ẽ phân tách chuỗi tại : thành tên tiêu đề và giá trị của chuỗi đó.

Bạn có thể xem ví dụ thực tế trong video dưới đây.

Khi chỉnh sửa tiêu đề, bảng điều khiển Network (Mạng) giờ đây sẽ cảnh báo 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 nối và dấu gạch dưới.

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

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

Sự cố với Chromium: 330967147, 337012362, 328210785.

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

Ảnh chụp nhanh của vùng nhớ khối xếp trong bảng điều khiển Bộ nhớ nhận các bộ lọc mới có thể giúp bạn tìm thấy các trường hợp sử dụng bộ nhớ không hiệu quả thường gặp, chẳng hạn như các chuỗi trùng lặp, đố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.

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

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

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

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

Trước và sau khi bật cây bộ chứa lưu trữ trong phần Bộ nhớ.

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

Tắt cảnh báo tự 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ự XSS xuất hiện trong mỗi phiên mới của Công cụ cho nhà phát triển.

Hộp thoại cảnh báo tự xss trong Console.

Bây giờ, bạn có thể tắt hộp thoại này bằng cách chuyển cờ dòng lệnh --unsafely-disable-devtools-self-xss-warnings vào Chrome.

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

Lighthouse 12.0.0

Bảng điều khiển 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 nhằm tiết kiệm chi phí tổng thể, các thay đổi mới về quy trình kiểm tra và kiểm tra. 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.

Sự cố Chromium: 772558.

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:

Hiệu suất:
- Các chế độ cài đặt chụp chậm (Bật tính năng đo lường sơn nâng cao và Bật số liệu thống kê của bộ chọn CSS) hiện tự động bị xóa trong phiên Công cụ cho nhà phát triển tiếp theo.
- Thẻ Số liệu thống kê bộ chọn hiện 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à các thay đổi về dữ liệu (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 đó nằm trong tiêu điểm (40875466, 328210785).
Tự động điền: Đã khắc phục phân tích cú pháp đị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 đã bản địa hoá (324930007).

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.