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

Sofia Emelianova
Sofia Emelianova

Để giúp bạn gỡ lỗi tính năng định vị quảng cáo cố định dễ dàng hơn, thẻ Kiểu hiện liên kết giá trị nhận dạng quảng cáo cố định rõ ràng và neo ngầm ẩn với các nút tương ứng.

Neo rõ ràng và ngầm ẩn trước và sau khi liên kết.

Ngoài ra, giá trị thuộc tính popovertarget hiện liên kết với phần tử popover của thuộc tính đó trong DOM.

Phần trước và sau khi liên kết cửa sổ bật lên với phần tử cửa sổ bật lên.

Cải tiến bảng điều khiển Nguồn

Phiên bản này có một số điểm cải tiến cho bảng điều khiển Sources (Nguồn).

Tính năng "Không bao giờ tạm dừng tại đây" nâng cao

'Không bao giờ tạm dừng ở đây' cho phép bạn ngăn Trình gỡ lỗi tạm dừng nhiều lần trên cùng một dòng. Nhờ vậy, bạn có thể dễ dàng xử lý các điểm ngắt không liên quan kích hoạt liên tục. Phiên bản này nâng cao khả năng này và hiện hoạt động cho:

  • Các trường hợp ngoại lệ hoặc hứa hẹn từ chối các hàm tích hợp sẵn.
  • "Đang huỷ" Các điểm ngắt vi phạm DOM, tìm nạp/XHR và CSP.
  • Trong quá trình tháo rời Wasm.

Xem quy trình làm việc trong thực tế:

Vấn đề về Chromium: 40924349.

Trình nghe sự kiện di chuyển nhanh mới

Nguồn > Điểm ngắt trình xử lý sự kiện > Danh sách Control có hai trình nghe liên quan đến scroll-snap: scrollsnapchangescrollsnapchanging. Những sự kiện này kích hoạt khi bạn cuộn vùng chứa cuộn theo cách khiến nó bám theo một phần tử mới.

Trước và sau khi thêm trình nghe sự kiện liên quan đến scroll-snap.

Vấn đề về Chromium: 40286359.

Cải tiến về bảng điều khiển mạng

Phiên bản này có một số điểm cải tiến cho bảng điều khiển Mạng.

Đã cập nhật các giá trị đặt trước hạn chế băng thông mạng

Bảng điều khiển Mạng cập nhật các giá trị đặt trước cho chế độ điều tiết: 4G nhanh mới, 3G nhanh được đổi tên thành 4G chậm3G chậm được đổi tên thành 3G. Tiêu đề này phù hợp hơn với các giá trị đặt trước của Lighthouse.

Các giá trị đặt trước để điều tiết mạng trước và sau khi cập nhật.

Vấn đề về Chromium: 342406608.

Thông tin của trình chạy dịch vụ trong các trường tùy chỉnh của định dạng HAR

Giờ đây, khi xuất nhật ký mạng sang định dạng HAR, bạn có thể thấy thông tin liên quan đến trình chạy dịch vụ (bao gồm cả thông tin thời gian) dưới dạng các trường tuỳ chỉnh (có dấu gạch dưới). Ví dụ: bạn có thể tìm thấy các trường mới sau đây trong nhật ký:

...
"response": {
  ...
  "_fetchedViaServiceWorker": true,
  "_responseCacheStorageCacheName": "V1",
  "_serviceWorkerResponseSource": "cache-storage"
}
...
"timings": {
  ...
  "_workerStart": -1,
  "_workerReady": -1,
  "_workerFetchStart": -1,
  "_workerRespondWithSettled": -1
}
...

Vấn đề về Chromium: 342406608.

Gửi và nhận các sự kiện WebSocket trong bảng điều khiển Hiệu suất

Tương tự như các sự kiện WebSocket khác, bảng điều khiển Performance (Hiệu suất) hiện ghi lại các sự kiện Send WebSocket Message (Gửi thông báo WebSocket) và Receive WebSocket Message (Nhận thông báo WebSocket) và hiển thị chúng trong dấu vết hiệu suất. Ví dụ:

Thông báo "Nhận thông báo WebSocket" được ghi lại trong theo dõi hiệu suất.

Vấn đề về Chromium: 40286129.

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:

  • Hỗ trợ tiếp cận: Giờ đây, trình đọc màn hình sẽ thông báo nội dung thông báo trong Bảng điều khiển khi cuộn qua nhật ký bằng các phím mũi tên lên và xuống (344484979).
  • Nguồn:
    • Trang: Giờ đây, tuỳ chọn trình đơn Lưu dưới dạng sẽ lưu các tệp mô-đun Wasm dưới dạng tệp nhị phân wasm hợp lệ thay vì văn bản Base64 (40784130).
    • Ngăn xếp cuộc gọi: Xoá hậu tố (async) khỏi nội dung mô tả khung cuộc gọi không đồng bộ, thay đổi nội dung đánh dấu từ nghiêng thành in đậm (343750870).
  • Memory (Bộ nhớ): Xoá InternalNodes có kích thước bằng 0 không cần thiết khỏi phần tổng quan nhanh ảnh chụp nhanh của vùng nhớ khối xếp summary (340200025).
  • Mạng: Sửa lỗi ngăn không cho xem trước nội dung phản hồi truyền trực tuyến cho những yêu cầu vừa mới bắt đầu nhưng chưa nhận được sự kiện responseReceived (338340752).
  • Hiệu suất:
    • Số liệu thống kê về bộ chọn: Thêm phần chú thích giải thích cho cột %-of-Slow-Path-Non-Matches (324282954).
    • Track configuration mode (Chế độ theo dõi cấu hình): Nút Finish configuration (Hoàn tất việc định cấu hình kênh) đã được chuyển xuống dưới cùng bên phải (345256274).
  • Bảng điều khiển: Khắc phục lỗi hiện nhiều thông báo giống nhau trên bảng điều khiển khi điều hướng bằng bộ nhớ đệm cho thao tác tiến/lùi (40894153).
  • Cài đặt: Đã thêm biểu tượng trợ giúp bên cạnh tất cả các thẻ.

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   Thêm > 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.