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 DevTools

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

Chuyển đến phần Cài đặt > Phím tắt, di chuột qua 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 hợp âm (còn gọi là phím tắt nhấn nhiều phím).

Tuỳ chỉnh phím tắt trong DevTools.

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

Bật/tắt giao diện sáng và tối bằng phím tắt

Định cấu hình phím tắt để bật/tắt 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 liên kết với bất kỳ phím tắt nào.

Bật/tắt giao diện sáng và tối bằng phím tắt.

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 đối tượng bộ nhớ C/C++.

Việc nhận dạng các byte của đố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.

Tính năng này giúp bạn phân biệt các vùng bộ nhớ này với bộ nhớ xung quanh. Hãy xem phần 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ề trình khởi tạo để nhập HAR

Hiện đã có thông tin đầy đủ về Trình khởi tạo để 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ề trình khởi tạo 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 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ề trình 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 điều khiển Elements (Thành phần), 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 tìm kiếm, cây DOM sẽ chuyển đến phần tử trùng 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à các nhân viên 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 là 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 tính năng 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 Styles (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 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 làm mới khi xoá 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 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.