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

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ình yêu thích trong Công cụ cho nhà phát triển.

Chuyển đến Cài đặt > Phím tắt, di chuột qua một lệnh và nhấp vào nút Chỉnh sửa (biểu tượng bút) để tùy chỉnh phím tắt. Bạn cũng có thể tạo 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 Công cụ cho nhà phát triển.

Các sự cố với 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 để chuyển đổi giữa các 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ới Chromium: 1280398, 1226363

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

Trình kiểm tra bộ nhớ sẽ đánh dấu tất cả các byte của đối tượng bộ nhớ C/C++.

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

Nhờ tính năng này, bạn có thể phân biệt chúng với kỷ niệm xung quanh. 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ới Chromium: 1336568

Hỗ trợ đầy đủ thông tin về người tạo để nhập HAR

Hiện đã có thông tin đầy đủ về Trình khởi tạo cho tính năng nhậ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ới Chromium: 1343185

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

Giờ đây, bạn có thể tắt 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 Enter.

Trong bảng điều khiển Phần tử, hãy bật/tắt thanh tìm kiếm bằng Control hoặc Command + F. Khi bạn nhập 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ử phù hợp đầu tiên và đánh dấu phần tử đó theo mặc định.

Đối với những người dùng, đặc biệt là những người kiểm tra thường xuyên phải làm việc với các cụm từ tìm kiếm dài, đây không phải là hành vi lý tưởng. Cây DOM có thể nhảy nhiều lần khi bạn nhập một truy vấn 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 Cài đặt > Tùy chọn, tắt Tìm kiếm khi bạn nhập. Với thay đổi này, tìm kiếm sẽ chỉ bắt đầu sau khi bạn nhấn Enter.

Cài đặt tính năng Tìm kiếm khi bạn nhập.

Vấn đề với Chromium: 1344526

Hiển thị biểu tượng startend cho các thuộc tính flexbox của align-content CSS

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. startend sẽ xuất hiện trong trình đơn thả xuống tự động hoàn thành kèm theo các biểu tượng.

thuộc tính flexbox căn chỉnh nội dung.

Vấn đề với 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 của 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 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 cung cấp cho bạn quyề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, thử nghiệm API nền tảng web tiên tiến và tìm ra sự cố trên trang web của bạn trước khi người dùng của bạn 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 đây để thảo luận về các tính năng mới và thay đổi trong bài đăng hoặc bất cứ vấn đề nào khác liên quan đến Công cụ cho nhà phát triển.

  • Hãy 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ủa Công cụ cho nhà phát triển bằng cách sử dụng phần Tuỳ chọn khác   Thêm   > Trợ giúp > Báo cáo sự cố về Công cụ cho nhà phát triển trong Công cụ cho nhà phát triển.
  • Tweet tại @ChromeDevTools.
  • Hãy để 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 video trên YouTube.

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 video Tính năng mới trong Công cụ cho nhà phát triển.

Chrome 123

Chrome 122

Chrome 121

Chrome 120

Chrome 119

Chrome 118

Chrome 117

Chrome 116

Chrome 115

Chrome 114

Chrome 113

Chrome 112

Chrome 111

Chrome 110

Chrome 109

Chrome 108

Chrome 107

Chrome 106

Chrome 105

Chrome 104

Chrome 103

Chrome 102

Kiến thức cơ bản về Chrome

Chrome 100

Chrome 99

Chrome 98

Chrome 97

Chrome 96

Chrome 95

Chrome 94

Chrome 93

Chrome 92

Chrome 91

Chrome 90

Chrome 89

Chrome 88

Chrome 87

Chrome 86

Chrome 85

Chrome 84

Chrome 83

Chrome 82

Chrome 82 đã bị huỷ.

Chrome 81

Chrome 80

Chrome 79

Chrome 78

Chrome 77

Chrome 76

Chrome 75

Chrome 74

Chrome 73

Chrome 72

Chrome 71

Chrome 70

Chrome 68

Chrome 67

Chrome 66

Chrome 65

Chrome 64

Chrome 63

Chrome 62

Chrome 61

Chrome 60

Chrome 59