Chrome 94 có gì mới

Bài viết được sự cho phép của tác giả Lưu Bình An

1. Hỗ trợ đa ngôn ngữ

Để thay đổi ngôn ngữ hiển thị của DevTools, Preferences > Language, chọn ngôn ngữ muốn sử dụng từ dropdown sau đó reload lại

Xem thêm nhiều việc làm tuyển Web Developer lương cao trên TopDev

2. Bổ sung device simulate mới

Cụ thể là trợ lý ảo Nest Hub của nhà google

3. Container query badge

Những element nào đang được áp dụng CSS container query sẽ được đánh dấu

4. Invert checkbox cho network filter

Ví dụ chúng ta muốn lọc tất cả những request nào có status không phải là 404, đầu tiên filter tất cả những request có status là 404 bằng status-code:404 sau đó check vào ô invert

5. Bỏ console sidebar

Thay sidebar này bằng bộ filter trực tiếp trên thanh toolbar nằm ngang

6. Thay đổi định dạng color trên cửa sổ Computed

Để thay đổi sang một định dạng khác, click giữ Shift + ô màu

Để trãi nghiệm ngay những tính năng này các bạn có thể dùng bản Chrome Canary

Một số thay đổi nhỏ khác, xem tại https://developer.chrome.com/blog/new-in-devtools-94/

Bài viết gốc được đăng tải tại vuilaptrinh.com

Có thể bạn quan tâm:

• Hướng dẫn inspect animation với Chrome DevTools
• Run test với trình duyệt Chrome Headless
• Sử dụng Panel Network của Chrome DevTools

Xem thêm Việc làm IT hấp dẫn trên TopDev