Trang này được dịch bởi Cloud Translation API.

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

Kayce Basques

Các tính năng mới cho cookie

Gỡ lỗi vì sao cookie bị chặn

Sau khi ghi lại hoạt động mạng, hãy chọn một tài nguyên mạng rồi chuyển đến thẻ Cookie đã cập nhật để tìm hiểu lý do cookie phản hồi hoặc yêu cầu của tài nguyên đó bị chặn. Hãy xem phần Các thay đổi đối với hành vi mặc định không có SameSite để hiểu lý do khiến bạn có thể thấy nhiều cookie bị chặn hơn trong Chrome 76 trở lên.

Thẻ Cookie.

Tab Cookie.

Cookie yêu cầu màu vàng không được gửi qua dây. Các sự kiện này bị ẩn theo mặc định. Hãy nhấp vào Hiển thị các cookie yêu cầu đã lọc để hiển thị các cookie này.
Cookie phản hồi màu vàng đã được gửi qua dây nhưng không được lưu trữ.
Di chuột qua biểu tượng Thông tin khác để tìm hiểu lý do cookie bị chặn.
Hầu hết dữ liệu trong bảng Cookie yêu cầu và Cookie phản hồi đến từ các tiêu đề HTTP của tài nguyên. Dữ liệu Miền, Đường dẫn và Hết hạn/Độ tuổi tối đa được lấy từ Giao thức Công cụ của Chrome cho nhà phát triển.

Vấn đề về Chromium #856777, #993843

Xem giá trị cookie

Nhấp vào một hàng trong Ngăn cookie để xem giá trị của cookie đó.

Xem giá trị của cookie.

Vấn đề về Chromium #462370

Mô phỏng các lựa chọn ưu tiên khác nhau về ưu tiên-màu-sắc và tính năng ưu tiên chuyển động

Truy vấn nội dung nghe nhìn prefers-color-coordinate cho phép bạn điều chỉnh kiểu trang web cho phù hợp với lựa chọn ưu tiên của người dùng. Ví dụ: nếu truy vấn nội dung nghe nhìn prefers-color-scheme: dark là true, có nghĩa là người dùng đã đặt hệ điều hành của họ ở chế độ tối và ưu tiên giao diện người dùng ở chế độ tối.

Mở Trình đơn lệnh, chạy lệnh Show Rendering (Hiện kết xuất), sau đó đặt trình đơn thả xuống Mô phỏng tính năng đa phương tiện của CSS prefers-color-giaothuc để gỡ lỗi kiểu prefers-color-scheme: dark và prefers-color-scheme: light.

ưu-tử-màu-lược: tối

Khi đặt prefers-color-scheme: dark (hộp ở giữa), ngăn Kiểu (hộp bên phải) sẽ hiển thị CSS được áp dụng khi truy vấn nội dung nghe nhìn đó là true và khung nhìn hiển thị các kiểu chế độ tối (hộp bên trái).

Bạn cũng có thể mô phỏng prefers-reduced-motion: reduce bằng trình đơn thả xuống Mô phỏng tính năng đa phương tiện của CSS prefers-reduced-motion bên cạnh trình đơn thả xuống Mô phỏng tính năng đa phương tiện prefers-color-coordinate của CSS.

Vấn đề về Chromium #1004246

Mô phỏng múi giờ

Thẻ Cảm biến hiện cho phép bạn không chỉ override geolocation, mà còn mô phỏng các múi giờ tuỳ ý và kiểm thử tác động đối với các ứng dụng web của bạn. Có lẽ đáng ngạc nhiên là tính năng mới này cũng giúp cải thiện độ tin cậy của việc mô phỏng vị trí địa lý: trước đây, các ứng dụng web có thể phát hiện hành vi giả mạo vị trí bằng cách so khớp vị trí với múi giờ địa phương của người dùng. Giờ đây, việc mô phỏng vị trí địa lý và múi giờ được kết hợp, danh mục thông tin không khớp này sẽ được loại bỏ.

Nội dung cập nhật về mức độ sử dụng mã

Thẻ Phạm vi bao phủ có thể giúp bạn tìm JavaScript và CSS không dùng đến.

Thẻ Mức độ sử dụng hiện sử dụng các màu mới để thể hiện mã đã sử dụng và không dùng đến. Kết hợp màu này được chứng minh là dễ tiếp cận hơn đối với những người khiếm thị màu. Thanh màu đỏ bên trái đại diện cho mã không sử dụng và thanh màu xanh lam bên phải đại diện cho mã đã sử dụng.

Hộp văn bản mới về mức độ sử dụng bộ lọc mức độ sử dụng cho phép bạn lọc thông tin về mức độ phù hợp theo loại: chỉ cho thấy mức độ phù hợp của JavaScript, chỉ CSS hoặc hiển thị tất cả các loại mức độ phù hợp.

Thẻ Mức độ phù hợp.

Bảng điều khiển Nguồn sẽ hiển thị dữ liệu về mức độ sử dụng mã nếu có. Khi nhấp vào dấu màu đỏ hoặc hơi xanh bên cạnh số dòng, thẻ Mức độ sử dụng sẽ mở ra và đánh dấu tệp đó.

Dữ liệu về mức độ phù hợp trong bảng điều khiển Nguồn.

Dữ liệu về mức độ phù hợp trong bảng điều khiển Nguồn. Dòng 8 là một ví dụ về mã không sử dụng. Dòng 11 là một ví dụ về mã đã sử dụng.

Các vấn đề về Chromium #1003671, #1004185

Gỡ lỗi lý do yêu cầu tài nguyên mạng

Sau khi ghi lại hoạt động mạng, hãy chọn một tài nguyên mạng rồi chuyển đến thẻ Trình khởi tạo để tìm hiểu lý do yêu cầu tài nguyên đó. Phần Yêu cầu ngăn xếp lệnh gọi mô tả ngăn xếp lệnh gọi JavaScript dẫn đến yêu cầu mạng.

Thẻ Trình khởi tạo.

Thẻ Initiator (Trình khởi tạo).

Vấn đề về Chromium 963183, 842488

Bảng điều khiển và Bảng điều khiển Nguồn lại tuân thủ các lựa chọn ưu tiên về thụt lề

Từ lâu, Công cụ cho nhà phát triển đã có chế độ cài đặt để tuỳ chỉnh lựa chọn ưu tiên về thụt lề thành 2 dấu cách, 4 dấu cách, 8 dấu cách hoặc thẻ. Gần đây, chế độ cài đặt này về cơ bản là vô dụng vì các bảng điều khiển Console và Nguồn đang bỏ qua chế độ cài đặt này. Lỗi này hiện đã được khắc phục.

Chuyển đến phần Cài đặt > Lựa chọn ưu tiên > Nguồn > Thụt lề mặc định để đặt lựa chọn ưu tiên của bạn.

Vấn đề về Chromium #977394

Phím tắt mới để di chuyển con trỏ

Nhấn tổ hợp phím Control+P trong bảng điều khiển hoặc bảng điều khiển Nguồn để di chuyển con trỏ đến dòng ở trên. Nhấn tổ hợp phím Control+N để di chuyển con trỏ đến dòng bên dưới.

Vấn đề về Chromium #983874

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