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

Sofia Emelianova
Sofia Emelianova
GitHub

Bộ sưu tập chính thức các tiện ích cho ứng dụng Máy ghi âm hiện đã ra mắt

Bộ sưu tập chính thức gồm các tiện ích xuất và phát lại Máy ghi âm hiện đã ra mắt.

Để mở bộ sưu tập trực tiếp từ Máy ghi âm, hãy chọn tải xuống Xuất > Tải tiện ích... trên thanh tác vụ ở đầu bảng điều khiển Máy ghi âm.

Cải thiệ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.

Lý do xảy ra lỗi trong cột Trạng thái

Giờ đây, cột Trạng thái luôn hiển thị lý do không thực hiện được. Trước đây, bạn phải bật tính năng check_box Hàng yêu cầu lớn hoặc chọn yêu cầu trong bảng.

Lý do xảy ra trước và sau khi xác minh không thành công trong cột Trạng thái.

Vấn đề về Chromium: 1506760.

Trình đơn con Sao chép được cải tiến

Trình đơn phụ Sao chép của một yêu cầu hiện đã được sắp xếp hiệu quả hơn.

Trước và sau khi cải thiện trình đơn phụ Sao chép.

Ngoài ra, tuỳ chọn Copy as cURL (Sao chép dưới dạng cURL) sẽ sao chép đúng lệnh vào bảng nhớ tạm trên Windows.

Vấn đề về Chromium: 1267033, 1276452, 798498.

Điểm cải tiến về hiệu suất

Phiên bản này mang đến một số điểm cải tiến cho bảng điều khiển Hiệu suất.

Breadcrumb trong Dòng thời gian

Dòng thời gian ở đầu bảng Hiệu suất hiện cho phép bạn đặt đường dẫn và chuyển giữa các đường dẫn đó.

Để đặt đường dẫn, hãy chọn một dải ô trên Dòng thời gian, di chuột qua dải ô đó rồi nhấp vào nút N mili giây zoom_in. Bạn có thể tạo liên tiếp nhiều đường dẫn lồng nhau. Để chuyển đổi giữa các mức thu phóng, hãy nhấp vào đường dẫn tương ứng trong chuỗi ở đầu Dòng thời gian. Xem video tiếp theo để xem cách hoạt động của đường dẫn.

Vấn đề về Chromium: 1467739.

Trình tạo sự kiện trong Kênh chính

Theo mặc định, kênh Hiệu suất > Chính sẽ hiển thị các mũi tên kết nối trình khởi tạo và những sự kiện sau đây mà chúng đã tạo ra.

  • Vô hiệu hoá kiểu hoặc bố cục -> Tính toán lại kiểu hoặc Bố cục
  • Yêu cầu khung ảnh động -> Đã kích hoạt khung ảnh động
  • Yêu cầu lệnh gọi lại ở trạng thái rảnh -> Kích hoạt lệnh gọi lại ở trạng thái rảnh
  • Cài đặt bộ tính giờ -> Đã kích hoạt bộ tính giờ
  • Tạo WebSocket -> Gửi... và Nhận WebSocket bắt tay hoặc Huỷ bỏ WebSocket

Để xem các mũi tên, hãy tìm một sự kiện như vậy trong dấu vết rồi nhấp vào sự kiện đó. Trước đây, tính năng này chỉ là một thử nghiệm.

Mũi tên từ yêu cầu và kích hoạt một lệnh gọi lại ở trạng thái rảnh.

Vấn đề về Chromium: 1434596.

Trình đơn bộ chọn thực thể máy ảo JavaScript cho Công cụ cho nhà phát triển Node.js

Trong bảng điều khiển Hiệu suất của Công cụ cho nhà phát triển Node.js, giờ đây, bạn có thể chọn một phiên bản máy ảo JavaScript trên trình đơn thả xuống tương ứng trong thanh thao tác. Đã có một tính năng tương tự trong Trình phân tích tài nguyên JavaScript sắp ngừng hoạt động.

Trình đơn trước và sau khi thêm một trình đơn mới cho phép bạn chọn một thực thể máy ảo JavaScript.

Vấn đề về Chromium: 1511813.

Các điểm cải tiến về thành phần

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

Ngoài hai tính năng tiếp theo, bảng điều khiển Elements (Phần tử) giờ đây ghi nhớ thẻ cuối cùng mà bạn mở, ví dụ: Computed (Tính toán) hoặc Properties (Thuộc tính).

Giờ đây, bạn có thể chỉnh sửa phần tử giả ::view-transition trong Kiểu

Giờ đây, bạn có thể chỉnh sửa phần tử giả ::view-transition của CSS trong Kiểu bằng cách sử dụng biểu định kiểu của trình kiểm tra.

Hỗ trợ trước và sau khi chỉnh sửa của các phần tử giả chuyển đổi khung hiển thị.

Để biết thêm thông tin, hãy xem bài viết Chuyển đổi suôn sẻ và đơn giản bằng View Transitions API.

Vấn đề về Chromium: 1511233.

Hỗ trợ thuộc tính align-content cho các vùng chứa khối

Thuộc tính align-content hiện hoạt động với mọi vùng chứa khối, bao gồm table-caption và table-cell. Trước đây, tính năng này chỉ hoạt động với lưới và linh hoạt.

Tính năng hỗ trợ căn chỉnh nội dung trước và sau trong vùng chứa khối.

Vấn đề về Chromium: 1500511.

Phím tắt và lệnh mới trong mục Nguồn

Bây giờ, bạn có thể Cmd (Máy Mac) / Cmd (Chiến thắng) + Cmd + nhấp vào số dòng trong Nguồn để tạo điểm nhật ký. Phím tắt này là tính năng bổ sung cho Cmd (Mac) / Ctrl (Win) hiện có + nhấp cho các điểm ngắt có điều kiện.

Trình đơn lệnh sẽ tải lệnh Reveal đang hoạt động trong thanh bên của trình điều hướng mới có chức năng giống như lựa chọn tương ứng trong trình đơn thả xuống của Trình chỉnh sửa.

Lệnh mới để hiển thị tệp đang hoạt động trong thanh bên của trình điều hướng.

Vấn đề về Chromium: 1486933, 1467464.

Hỗ trợ tư thế cho thiết bị có thể gập lại được mô phỏng

Chế độ thiết bị hiện cho phép bạn đặt tư thế của thiết bị có thể gập lại được mô phỏng: Liên tục hoặc Gấp. Tư thế liên tục tức là tư thế "phẳng" và gập lại tạo thành một góc giữa các phần của màn hình.

Trình đơn thả xuống có các lựa chọn tư thế.

Ngoài ra, danh sách Thiết bị còn có một thiết bị có thể gập lại được mô phỏng: Asus Zenbook Fold.

Vấn đề về Chromium: 1066842.

Tuỳ chỉnh giao diện động

Công cụ cho nhà phát triển giờ đây sẽ tự động khớp với chủ đề màu sắc của Chrome. Cách đặt giao diện:

  1. Mở thẻ mới rồi nhấp vào chỉnh sửa Tuỳ chỉnh Chrome ở góc dưới cùng bên phải.
  2. Trong phần Giao diện, hãy chọn một giao diện bằng cách dùng hình nền Thay đổi giao diện hoặc chọn một bảng màu.

Công cụ cho nhà phát triển khớp với giao diện màu đã chọn trong phần Giao diện.

Vấn đề về Chromium: 1483276.

Cảnh báo về việc loại bỏ cookie của bên thứ ba trong bảng điều khiển Mạng và ứng dụng

Giờ đây, cả bảng Mạng và Ứng dụng sẽ làm nổi bật và hiển thị cảnh báo bên cạnh cookie chịu ảnh hưởng của các quy định hạn chế của bên thứ ba trong tính năng Chống theo dõi.

Trong Network (Mạng), hãy tìm yêu cầu có biểu tượng cảnh báo cảnh báo, nhấp vào yêu cầu đó rồi mở thẻ Cookie.

Trước và sau khi thu thập cookie của bên thứ ba trong bảng điều khiển Mạng.

Trong Ứng dụng, hãy chuyển đến Bộ nhớ > Cookie rồi nhấp vào một miền. Những cookie được đánh dấu bằng màu vàng sẽ không được lưu trữ trong trình duyệt.

Trước và sau khi làm nổi bật cookie của bên thứ ba trong bảng điều khiển Ứng dụng.

Di chuột qua biểu tượng cảnh báo để xem chú thích mô tả vấn đề, rồi nhấp vào biểu tượng đó để mở thẻ Vấn đề kèm theo nhiều thông tin hơn.

Ngoài ra, cookie trong bảng hiện được sắp xếp theo tên theo mặc định.

Vấn đề về Chromium: 1506225, 1503961.

Lighthouse 11.4.0

Bảng điều khiển Lighthouse hiện chạy phiên bản Lighthouse 11.4.0. Xem danh sách đầy đủ các thay đổi. Một trong những thay đổi đáng chú ý là quy trình kiểm tra mới giúp bạn phát hiện xem trang web của mình có còn sử dụng cookie của bên thứ ba hay không.

Kiểm tra để phát hiện cookie của bên thứ ba.

Để tìm hiểu thông tin cơ bản về cách sử dụng bảng điều khiển Lighthouse trong Công cụ cho nhà phát triển, hãy xem bài viết Lighthouse: Tối ưu hoá tốc độ trang web.

Vấn đề về Chromium: 772558.

Hỗ trợ tiếp cận

Phiên bản này có các điểm cải tiến về khả năng hỗ trợ tiếp cận như sau:

  • Khi bạn mở phần cài đặt Cài đặt > Thử nghiệm, hộp Tìm kiếm giờ đây sẽ tự động được đặt tiêu điểm.
  • Hiện tại, bạn có thể lấy nút huỷ Xoá dữ liệu nhập trong Mạng > Bộ lọc.
  • Cây tệp trong Nguồn > Trang giờ đây hiển thị chính xác ở chế độ tương phản cao.
  • Giờ đây, trình đọc màn hình sẽ thông báo chính xác những nội dung sau:
    • Trạng thái của hộp đánh dấu trong Nguồn > Điểm ngắt.
    • Thông tin về vị trí và chỉ mục cho danh sách các đề xuất.
    • Kết quả hành động khi thêm hoặc xoá một vị trí trong phần cài đặt Cài đặt > Vị trí.
    • Các nhóm quy tắc loại trừ (chung hoặc tuỳ chỉnh) trong phần cài đặt Cài đặt > Danh sách bỏ qua.

Vấn đề về Chromium: 1504938, 1499868, 1512161, 1515224, 1515418, 1516998, 1517015.

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:

  • Ảnh động:
    • Khắc phục lỗi ảnh chụp màn hình bật lên hiển thị vượt quá giới hạn (1506991).
    • Khắc phục lỗi có các nút ảnh động bị xoá không được đánh dấu là đã xoá (1506561).
  • Mạng:
    • Ghi đè tiêu đề: Sửa lỗi có biểu tượng dấu chấm màu tím sai trong thẻ Tiêu đề (1507856).
    • Xem trước: Sửa lỗi với phương thức giải mã kép không cần thiết (1509336).
    • Khắc phục lỗi khiến các yêu cầu ngắn không xuất hiện (1509862).
  • Application > IndexedDB: Sắp xếp lại các nút trong thanh thao tác để đảm bảo tính nhất quán với các bảng điều khiển khác (1393800).
  • Cảm biến: Sửa lỗi gọi lại thành công không chính xác thông tin vị trí không có sẵn (1486859).
  • Hiệu suất:
    • Giờ đây, nút Thu thập rác sẽ có biểu tượng thích hợp là "cây lau nhà" thay vì "thùng rác" (1507530).
    • Giờ đây, tính năng theo dõi hiệu suất sẽ giữ lại dữ liệu khi chuyển đến about:blank (1509947).

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ố trong 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.

Chrome 127

Chrome 126

Chrome 125

Chrome 124

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

Chrome 101

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