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

Jecelyn Yeen

Tuỳ chỉnh phím tắt trong Công cụ cho nhà phát triển

Giờ đây, bạn có thể tuỳ chỉnh phím tắt cho các lệnh mà bạn yêu thích trong Công cụ cho nhà phát triển.

Chuyển đến phần Cài đặt > Phím tắt, di chuột lên một lệnh rồi nhấp vào nút Chỉnh sửa (biểu tượng bút) để tuỳ chỉnh phím tắt. Bạn cũng có thể tạo các tổ hợp phím (còn gọi là phím tắt nhiều phím).

Tuỳ chỉnh phím tắt trong Công cụ cho nhà phát triển.

Vấn đề về Chromium: 1335274, 174309

Chuyển đổi giữa giao diện sáng và tối bằng phím tắt

Định cấu hình một phím tắt để chuyển đổi giao diện sáng và tối một cách thuận tiện. Theo mặc định, thao tác này không được liên kết với bất kỳ phím tắt nào.

Chuyển đổi giữa giao diện sáng và tối bằng phím tắt.

Các vấn đề về Chromium: 1280398, 1226363

Làm nổi bật các đối tượng C/C++ trong Trình kiểm tra bộ nhớ

Trình kiểm tra bộ nhớ làm nổi bật tất cả các byte của một đối tượng bộ nhớ C/C++.

Việc nhận dạng các byte của một đối tượng trong bộ nhớ WebAssembly xung quanh là một điểm khó khăn. Bạn phải biết kích thước của đối tượng và đếm số byte từ đầu đối tượng.

Với tính năng này, bạn có thể phân biệt các đối tượng này với bộ nhớ xung quanh. Hãy xem bài viết Mở rộng Trình kiểm tra bộ nhớ để gỡ lỗi C/C++ để tìm hiểu thêm về những thay đổi này.

Làm nổi bật các đối tượng C/C++ trong Trình kiểm tra bộ nhớ.

Vấn đề về Chromium: 1336568

Hỗ trợ đầy đủ thông tin về nguồn gốc cho tính năng nhập HAR

Giờ đây, bạn có thể xem đầy đủ thông tin về Trình khởi tạo khi nhập tệp HAR. Trước đây, bảng điều khiển Mạng chỉ hiển thị một phần thông tin về nguồn gốc trong quá trình nhập.

Thông tin về trình khởi tạo giúp nhà phát triển theo dõi nguồn gốc của một yêu cầu mạng và xác định các vấn đề liên quan đến mạng.

Hỗ trợ đầy đủ thông tin về nguồn khởi tạo để nhập HAR.

Vấn đề về Chromium: 1343185

Bắt đầu tìm kiếm DOM sau khi nhấn Enter

Giờ đây, bạn có thể tắt chế độ cài đặt Tìm kiếm khi bạn nhập để luôn bắt đầu tìm kiếm DOM sau khi nhấn phím Enter.

Trong bảng Elements (Phần tử), hãy bật/tắt thanh tìm kiếm bằng tổ hợp phím Control hoặc Command + F. Khi bạn nhập một truy vấn vào hộp văn bản tìm kiếm, cây DOM sẽ chuyển đến phần tử khớp đầu tiên và làm nổi bật phần tử đó theo mặc định.

Đối với người dùng, đặc biệt là những người kiểm thử luôn làm việc với các cụm từ tìm kiếm dài, hành vi này không lý tưởng. Cây DOM có thể nhảy nhiều lần khi bạn nhập một cụm từ tìm kiếm dài (ví dụ: //div[@id="example"]). Hành vi này tạo ra chuyển động không cần thiết.

Tìm kiếm DOM.

Chuyển đến phần Cài đặt > Lựa chọn ưu tiên, tắt chế độ Tìm kiếm khi bạn nhập. Với thay đổi này, quá trình tìm kiếm sẽ chỉ bắt đầu sau khi bạn nhấn phím Enter.

Chế độ cài đặt tìm kiếm khi bạn nhập.

Vấn đề về Chromium: 1344526

Hiển thị biểu tượng start và end cho các thuộc tính flexbox CSS align-content

Trong ngăn Kiểu, hãy chỉnh sửa các thuộc tính align-content trong một lớp CSS bằng display: flex hoặc display: inline-flex. start và end sẽ xuất hiện trong trình đơn thả xuống tự động hoàn thành cùng với các biểu tượng.

thuộc tính flexbox align-content.

Vấn đề về Chromium: 1139945

Thông tin nổi bật khác

  • Hiển thị số lượng thông báo chính xác trong thanh bên Bảng điều khiển. Trước đây, số lượng không được làm mới khi bạn xoá các thông báo trên bảng điều khiển. (1343311)

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 truy cập vào 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 các vấn đề trên trang web của mình trước khi người dùng tìm thấy!

Liên hệ với nhóm Chrome DevTools

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