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ác điểm cải tiến về 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 kênh bằng chế độ cấu hình kênh phát hành được cập nhật

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

Chế độ cấu hình kênh phát hành 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 lên hoặc arrow_downward xuống dưới để di chuyển tuyến đường xung quanh hoặc nhấp vào 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 trong 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 đồ hình ngọn lửa trong bản nhạc Chính sẽ thêm tính năng hỗ trợ danh sách bỏ qua. Bây giờ, 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 đồ này thu gọn các tập lệnh bị bỏ qua, đánh dấu các tập lệnh đó là Trên danh sách bỏ qua, rồi thêm chúng 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 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 (CPU) trong phần Capture settings (Cài đặt ghi lại) của bảng điều khiển Performance (Hiệu suất) có tùy chọn mới về khả năng làm chậm lại 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 thực tế chính xác hơn, ngay cả trên các máy tính cao cấp.

Trước và sau khi thêm tuỳ chọn "20xlowdonw" vào phần "Capture settings" (Cài đặt chụp).

Vấn đề về Chromium: 324978881.

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

Bảng Thông tin chi tiết về hiệu suất (thử nghiệm) sẽ ngừng hoạt động từ 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. Giờ đây, bảng 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 sử dụng sắp tới.

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

Nếu bạn có ý kiến phản hồi về những cách làm hiệu quả và những nội dung chưa hiệu quả cũng như những điểm 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 tiêu đề đó

Khi ghi đè tiêu đề, bạn hiệ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 và giá trị của tiêu đề đó.

Xem ví dụ thực tế trong video sau.

Khi chỉnh sửa tiêu đề, bảng điều khiển 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ình đơn ghi đè và các nút Chỉnh sửa sẽ bị tắt cho chrome://-URL, khớp với hành vi dự kiến.

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 của vùng nhớ khối xếp trong bảng Memory (Bộ nhớ) sẽ có các bộ lọc mới có thể giúp bạn tìm thấy những trường hợp phổ biến của việc sử dụng bộ nhớ không hiệu quả, chẳng hạn như các chuỗi bị trùng lặp, đối tượng được các nút DOM tách rời và Bảng điều khiển Công cụ cho nhà phát triển giữ lại.

Tuỳ chọn trước và sau khi thêm bộ lọc cho các trường hợp phổ biến 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 bộ chứa 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à tính năng 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ề Chromium: 338094915.

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

Nếu tự động sử dụng Chrome hoặc mở Công cụ cho nhà phát triển từ dòng lệnh để gỡ lỗi, thường thì bạn nê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 Bảng điều khiển.

Giờ đây, 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 tới Chrome.

Vấn đề về 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 mang đến một số thay đổi, bao gồm việc xoá danh mục PWA, sắp xếp lại danh mục SEO, Ngừng sử dụng Tiết kiệm tổng thể, các hoạt động 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 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.

Vấn đề về Chromium: 772558.

Nội dung nổi bật khác

Dưới đây là một số nội dung sửa lỗi và cải tiến đáng chú ý trong bản phát hành này:

Hiệu suất:
- Giờ đây, chế độ cài đặt chụp chậm (Bật tính năng đo lường vẽ nâng cao và Bật số liệu thống kê về bộ chọn CSS) sẽ tự động xoá trong phiên Công cụ cho nhà phát triển tiếp theo.
- Thẻ 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 đồ hình ngọn lửa và các thay đổi về dữ liệu (337999939).
Bảng điều khiển: Giờ đây, phím tắt Ctrl+` sẽ đóng Bảng điều khiển trong ngăn nếu nó nằm trong tiêu điểm (40875466, 328210785).
Tự động điền: Tính năng phân tích cú pháp địa chỉ đã được khắc phục (335409093, 335409707).
Hỗ trợ tiếp cận: Thông báo của trình đọc màn hình cho các chuỗi đã bản địa hoá là cố định (324930007).

Tải kênh xem trước xuống

Hãy cân nhắc việc sử dụng Chrome Canary, Nhà phát triển hoặc Beta làm trình duyệt phát triển mặc định của bạn. 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 Công cụ cho nhà phát triển, kiểm thử các API nền tảng web tiên tiến và tìm ra các vấn đề trên trang web của bạn trước khi người dùng 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 để thảo luận về các tính năng và thay đổi mới trong bài đăng, hoặc bất cứ nội dung nào khác liên quan đến Công cụ cho nhà phát triển.

Gửi đề xuất hoặc phản hồi cho chúng tôi qua crbug.com.
Báo cáo sự cố trong Công cụ cho nhà phát triển bằng cách sử dụng Tuỳ chọn khác > Trợ giúp > Báo cáo vấn đề về Công cụ cho nhà phát triển trong Công cụ cho nhà phát triển.
Tweet tại @ChromeDevTools.
Để 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 Mẹo video trên YouTube trong Công cụ cho nhà phát triển.