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

Jecelyn Yeen

Tính năng xem trước: Bảng điều khiển Trình ghi mới

Sử dụng bảng điều khiển Máy ghi âm mới để ghi lại, phát lại và đo lường luồng người dùng.

Mở bảng điều khiển Máy ghi âm. Làm theo hướng dẫn trên màn hình để bắt đầu ghi âm mới.

Ví dụ: bạn có thể ghi lại quy trình thanh toán cà phê bằng ứng dụng mẫu minh hoạ cách đặt cà phê này. Sau khi thêm một ly cà phê và điền thông tin thanh toán, bạn có thể kết thúc quá trình ghi, phát lại quy trình hoặc nhấp vào nút Đo lường hiệu suất để đo lường luồng người dùng trong bảng điều khiển Hiệu suất.

Hãy chuyển đến tài liệu về bảng điều khiển Recorder (Trình ghi) để tìm hiểu thêm thông qua hướng dẫn từng bước!

Bảng điều khiển Recorder (Trình ghi) là một tính năng xem trước. Nhóm chúng tôi vẫn đang tích cực nghiên cứu tính năng này và rất mong nhận được ý kiến phản hồi của bạn để cải thiện hơn nữa.

Bảng điều khiển của máy ghi âm

Vấn đề về Chromium: 1257499

Làm mới danh sách thiết bị ở Chế độ thiết bị

Khi bật Thanh công cụ thiết bị, các thiết bị hiện đại hơn hiện đã được thêm vào danh sách thiết bị. Chọn một thiết bị để mô phỏng kích thước của thiết bị đó.

Làm mới danh sách thiết bị ở Chế độ thiết bị

Vấn đề về Chromium: 1223525

Tự động hoàn thành bằng tính năng Chỉnh sửa ở dạng HTML

Giao diện người dùng Chỉnh sửa dưới dạng HTML hiện hỗ trợ tính năng tự động hoàn thành và làm nổi bật cú pháp. Trong bảng điều khiển Elements (Phần tử), hãy nhấp chuột phải vào một phần tử rồi chọn Edit as HTML (Chỉnh sửa dưới dạng HTML). Hãy thử nhập một thuộc tính DOM (ví dụ: id, aria). Tính năng tự động hoàn thành sẽ giúp bạn tìm thấy tên thuộc tính mà bạn đang tìm.

Tự động hoàn thành bằng tính năng Chỉnh sửa ở dạng HTML

Vấn đề về Chromium: 1215072

Cải thiện trải nghiệm gỡ lỗi mã

Số cột hiện được đưa vào lỗi đầu ra trong Bảng điều khiển. Việc dễ dàng truy cập vào số cột là điều cần thiết để gỡ lỗi, đặc biệt là với JavaScript rút gọn.

Số cột trong lỗi đầu ra

Vấn đề về Chromium: 1073064

[Thử nghiệm] Đồng bộ hoá chế độ cài đặt DevTools trên các thiết bị

Theo mặc định, các chế độ cài đặt DevTools của bạn sẽ được đồng bộ hoá trên các thiết bị khi bạn bật tính năng đồng bộ hoá hồ sơ Chrome. Bạn có thể thay đổi chế độ cài đặt đồng bộ hoá DevTools thông qua Cài đặt > Đồng bộ hoá > Bật tính năng đồng bộ hoá chế độ cài đặt.

Cài đặt đồng bộ hoá DevTools

Chế độ cài đặt mới này giúp bạn dễ dàng làm việc trên nhiều thiết bị. Ví dụ: các chế độ cài đặt giao diện sau đây được đồng bộ hoá để bạn có trải nghiệm nhất quán trên các thiết bị và không cần xác định lại các chế độ cài đặt đó. Tìm hiểu thêm về tính năng đồng bộ hoá trong phần Tuỳ chỉnh DevTools.

cài đặt giao diện

Tính năng này hiện đang trong giai đoạn thử nghiệm và nhóm chúng tôi vẫn đang tích cực nỗ lực để phát triển tính năng này. Nếu bạn có ý kiến phản hồi, vui lòng chia sẻ với chúng tôi tại đây.

Vấn đề về Chromium: 1245541

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 sử dụng 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 vấn đề trên trang web của mình trước khi người dùng phát hiện ra!

Liên hệ với nhóm Công cụ của Chrome cho nhà phát triển

Hãy sử dụng các lựa chọn sau để thảo luận về các tính năng, bản cập nhật mới 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 tất cả nội dung đã được đề cập trong loạt bài Tính năng mới trong DevTools.