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

Sofia Emelianova

Jecelyn Yeen

Ghi đè tiêu đề phản hồi mạng

Giờ đây, bạn có thể ghi đè tiêu đề phản hồi trong bảng điều khiển Network (Mạng). Trước đây, bạn cần quyền truy cập vào máy chủ web để thử nghiệm với tiêu đề phản hồi HTTP.

Với ghi đè tiêu đề phản hồi, bạn có thể sửa nguyên mẫu cục bộ cho nhiều tiêu đề khác nhau, bao gồm nhưng không giới hạn ở:

• Tiêu đề chia sẻ tài nguyên trên nhiều nguồn gốc (CORS)
• Tiêu đềPermissions-Policy
• Tiêu đề tách biệt nhiều nguồn gốc

Để ghi đè tiêu đề, hãy chuyển đến Mạng > Tiêu đề > Tiêu đề phản hồi, di chuột qua giá trị của tiêu đề, nhấp vào rồi chỉnh sửa giá trị đó.

Bạn cũng có thể thêm tiêu đề tuỳ chỉnh.

Để chỉnh sửa mọi cơ chế ghi đè ở một nơi, hãy chỉnh sửa tệp .headers trong Nguồn > Ghi đè. Tại đó, bạn cũng có thể nhấp vào Thêm quy tắc ghi đè để ghi đè nhiều yêu cầu bằng cách dùng ký tự đại diện (*).

Vấn đề về Chromium: 1288023.

Cải thiện gỡ lỗi Nuxt, Vite và Rollup

Nhằm giúp bạn xác định vấn đề nhanh hơn trong quá trình gỡ lỗi, dấu vết ngăn xếp nâng cao hiện sẽ ẩn các khung hình đến từ các nguồn do Nuxt 3.3 trở lên tạo. Công cụ cho nhà phát triển bỏ qua các khung như vậy:

• Trong dấu vết Bảng điều khiển, bên dưới liên kết Hiển thị N khung hình khác.
• Trong Nguồn > Ngăn xếp lệnh gọi, trong Hiển thị các khung có trong danh sách bỏ qua.

Để mang lại cho bạn những điểm cải tiến này, các nhóm Công cụ cho nhà phát triển, Nuxt, Vite và Rollup đã hợp tác để áp dụng phần mở rộng về bản đồ nguồn x_google_ignoreList:

• Bản phát hành Nuxt 3.3
• Các lựa chọn dành cho máy chủ của Vite
• Các lựa chọn về cấu hình hợp nhất

Nhóm Công cụ cho nhà phát triển muốn bày tỏ lòng biết ơn với các nhóm Nuxt, Vite và Rollup đã giúp việc này có thể. Chúng tôi trân trọng nỗ lực và sự hợp tác của bạn và đó chính là yếu tố quan trọng mang lại thành công cho quá trình triển khai này. Một lần nữa, cảm ơn bạn đã đóng góp!

Cải tiến CSS trong Phần tử > Kiểu

Thuộc tính và giá trị CSS không hợp lệ

Để giúp bạn chẩn đoán vấn đề về CSS nhanh hơn, ngăn Kiểu giờ đây sẽ bỏ đi:

• Toàn bộ phần khai báo CSS (thuộc tính và giá trị) khi tài sản CSS không hợp lệ.
• Chỉ giá trị khi thuộc tính CSS hợp lệ nhưng giá trị đó không hợp lệ.

Nhóm Công cụ cho nhà phát triển muốn cảm ơn Yisi(一丝) vì đã đạt được mục tiêu cải tiến này.

Đường liên kết đến các khung chính trong thuộc tính viết tắt của ảnh động

Thuộc tính CSS rút gọn animation hiện chứa các đường liên kết đến @keyframes tại các quy tắc tương ứng, vì vậy, bạn có thể di chuyển ngăn Kiểu nhanh hơn.

Vấn đề về Chromium: 1420656.

Chế độ cài đặt mới trong Console: Tự động hoàn thành khi nhấn Enter

Kể từ phiên bản trước (112), bạn có thể định cấu hình Bảng điều khiển Công cụ cho nhà phát triển để áp dụng đề xuất tự động hoàn thành khi nhấn Enter.

Theo mặc định, để chấp nhận một đề xuất tự động hoàn thành, bạn có thể nhấn phím Tab hoặc Arrow right. Để tự động hoàn thành bằng Enter, hãy bật Cài đặt > Bảng điều khiển > Chấp nhận đề xuất tự động hoàn thành khi nhấn Enter.

Ngoài ra, nội dung của một chế độ cài đặt khác cũng trở nên thân thiện hơn với người dùng: Xem việc đánh giá mã là hành động của người dùng.

Vấn đề về Chromium: 1276960.

Trình đơn Command làm nổi bật các tệp đã tạo

Giờ đây, hộp thoại mở nhanh trong Trình đơn lệnh sẽ chuyển các tệp của bên thứ ba có trong danh sách bỏ qua để nhấn mạnh hơn vào các tệp bạn đã tạo.

Vấn đề về Chromium: 1424345.

Ngừng sử dụng Trình phân tích tài nguyên JavaScript: Giai đoạn 2

Ngay từ Chrome 58, nhóm Công cụ cho nhà phát triển dự định sẽ ngừng sử dụng Trình phân tích tài nguyên JavaScript và yêu cầu các nhà phát triển Node.js và Deno sử dụng bảng điều khiển Hiệu suất để phân tích hiệu suất của CPU JavaScript.

Công cụ cho nhà phát triển phiên bản 113 bắt đầu giai đoạn 2 của quá trình ngừng sử dụng Trình phân tích tài nguyên JavaScript gồm 4 giai đoạn. Trong giai đoạn này, bạn vẫn có thể mở bảng điều khiển nhưng giao diện người dùng của bảng điều khiển sẽ không dùng được nữa.

Để phân tích hiệu suất của CPU, hãy nhấp vào Chuyển đến bảng điều khiển Hiệu suất.

Vấn đề về Chromium: 1354548.

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

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

• Khắc phục lỗi dẫn đến việc in đẹp trong bảng điều khiển Sources (Nguồn) để xử lý tên biến có ký tự Unicode không chính xác (1425055).
• Thẻ Vấn đề đã thêm một thông báo mới cho vấn đề về tính năng Tự động điền, liên quan đến các giá trị HTML không chuẩn (1399414).

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ố 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.

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.