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

Hỗ trợ Moto G4 ở Chế độ thiết bị

Sau khi bật Thanh công cụ của thiết bị, giờ đây bạn có thể mô phỏng các kích thước của khung nhìn Moto G4 từ danh sách Thiết bị.

Mô phỏng khung nhìn Moto G4

Nhấp vào Show Device Frame (Hiện khung thiết bị) để hiển thị phần cứng Moto G4 xung quanh khung nhìn.

Hiển thị phần cứng Moto G4

Tính năng liên quan:

  • Mở Trình đơn lệnh rồi chạy lệnh Capture screenshot để chụp ảnh màn hình khung nhìn có phần cứng Moto G4 (sau khi bật tuỳ chọn Hiển thị khung thiết bị).
  • Điều tiết mạng và CPU để mô phỏng chính xác hơn các điều kiện duyệt web của người dùng thiết bị di động.

Vấn đề về Chromium #924693

Nội dung cập nhật liên quan đến cookie

Cookie bị chặn trong ngăn Cookie

Ngăn Cookie trong bảng điều khiển Application (Ứng dụng) hiện tô màu các cookie bị chặn trên nền màu vàng.

Cookie bị chặn trong ngăn Cookie của bảng điều khiển Application (Ứng dụng)

Hãy xem thêm bài viết Gỡ lỗi tại sao cookie bị chặn để tìm hiểu cách truy cập vào một giao diện người dùng tương tự từ bảng điều khiển Mạng.

Vấn đề về Chromium #1030258

Mức độ ưu tiên của cookie trong ngăn Cookie

Các bảng Cookie trong bảng điều khiển Mạng và Ứng dụng hiện bao gồm cột Mức độ ưu tiên.

Vấn đề về Chromium #1026879

Chỉnh sửa tất cả giá trị cookie

Hiện tại, bạn có thể chỉnh sửa tất cả các ô trong Bảng cookie, ngoại trừ các ô trong cột Size (Kích thước) vì cột đó thể hiện kích thước mạng của cookie, tính bằng byte. Xem phần Các trường để biết nội dung giải thích về từng cột.

Chỉnh sửa giá trị cookie

Sao chép dưới dạng phương thức tìm nạp Node.js để thêm dữ liệu cookie

Nhấp chuột phải vào một yêu cầu mạng rồi chọn Sao chép > Sao chép dưới dạng tìm nạp Node.js để lấy biểu thức fetch bao gồm dữ liệu cookie.

Sao chép dưới dạng tìm nạp Node.js

Vấn đề về Chromium #1029826

Biểu tượng tệp kê khai ứng dụng web chính xác hơn

Trước đây, ngăn Tệp kê khai trong bảng điều khiển Ứng dụng sẽ thực hiện các yêu cầu riêng để hiển thị các biểu tượng tệp kê khai ứng dụng web. Công cụ cho nhà phát triển hiện hiển thị chính xác cùng một biểu tượng tệp kê khai mà Chrome sử dụng.

Các biểu tượng trong ngăn Tệp kê khai

Vấn đề về Chromium #985402

Di chuột qua các thuộc tính CSS content để xem các giá trị không thoát

Di chuột qua giá trị của thuộc tính content để xem phiên bản không thoát của giá trị đó.

Ví dụ: trong bản minh hoạ này khi kiểm tra phần tử giả p::after, bạn sẽ thấy một chuỗi thoát trong ngăn Kiểu:

Chuỗi thoát

Khi di chuột qua giá trị content, bạn sẽ thấy giá trị không thoát:

Giá trị không thoát

Lỗi bản đồ nguồn chi tiết hơn trong Bảng điều khiển

Bảng điều khiển hiện cung cấp thêm thông tin chi tiết về lý do bản đồ nguồn không tải hoặc phân tích cú pháp được. Trước đây, trang web này chỉ đưa ra một lỗi mà không giải thích sự cố gì.

Lỗi khi tải bản đồ nguồn trong Bảng điều khiển

Chế độ cài đặt để tắt tính năng cuộn qua cuối tệp

Mở phần Cài đặt rồi tắt Lựa chọn ưu tiên > Nguồn > Cho phép cuộn qua phần cuối của tệp để tắt hành vi mặc định của giao diện người dùng cho phép bạn cuộn qua đến cuối tệp trong bảng điều khiển Nguồn.

Sau đây là ảnh GIF về tính năng này.

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