Điểm mới trong Chrome 114

Adriana Jara

Dưới đây là những gì bạn cần phải biết:

Tôi là Adriana Jara. Hãy cùng tìm hiểu sâu hơn và xem những tính năng mới dành cho nhà phát triển trong Chrome 114.

text-wrap:balance.

Dùng text-wrap: balance để cải thiện bố cục văn bản. Ảnh động dưới đây cho thấy sự khác biệt mà bạn có thể tạo ra bằng một dòng này.

Dùng thử bản minh hoạ

Là nhà phát triển, bạn không biết được kích thước cuối cùng, cỡ chữ hay thậm chí là ngôn ngữ của văn bản. Bạn cần có tất cả các biến để xử lý hiệu quả xuống dòng tự động của văn bản. Do trình duyệt biết tất cả yếu tố, nên với text-wrap:balance, bạn có thể yêu cầu trình duyệt tìm ra giải pháp xuống dòng cân bằng tốt nhất.

Hai ví dụ trước được hiển thị cùng nhau, một ví dụ được đánh dấu là không cân bằng và ví dụ còn lại là cân bằng.

Khối văn bản được cân bằng sẽ khiến người đọc cảm thấy dễ chịu hơn. Dòng tiêu đề thu hút sự chú ý tốt hơn và nhìn chung dễ đọc hơn.

Việc cân bằng dòng tiêu đề sẽ và nên là trường hợp sử dụng chính của text-wrap: balance. Sẽ tốn chi phí hiệu suất để cân bằng văn bản, vì vậy để giảm thiểu chi phí, văn bản chỉ hoạt động cho tối đa 4 dòng.

Tham khảo bài viết này để xem các mẫu và thông tin chi tiết khác giúp cải thiện bố cục văn bản của bạn.

CHIPS: Cookie có trạng thái được phân vùng độc lập.

CHIPS (Cookie có trạng thái được phân vùng độc lập) cho phép chọn sử dụng cookie của bên thứ ba được phân vùng theo trang web cấp cao nhất bằng cách sử dụng thuộc tính cookie mới Partitioned.

Trước CHIPS, khi người dùng truy cập vào trang web A, trang web C được nhúng có thể đặt cookie trên máy của người dùng. Nếu sau đó người dùng truy cập vào trang web B cũng nhúng trang web C, thì trang web C có thể truy cập chính cookie đã được đặt trên trang web A. Điều này cho phép trang web C biên dịch hoạt động duyệt web của người dùng trên trang web A, B và mọi trang web mà trang web được nhúng.

Sơ đồ hiển thị các trang web và bộ nhớ có cookie không được phân vùng.

Mặc dù việc theo dõi trên nhiều trang web là một vấn đề, nhưng có một số nhu cầu cookie hợp lệ trên nhiều trang web có thể đạt được theo cách bảo đảm quyền riêng tư thông qua việc phân vùng cookie.

Với CHIPS, khi người dùng truy cập vào trang web A và nội dung được nhúng từ trang web C đặt cookie có thuộc tính Được phân vùng, thì cookie này chỉ được lưu trong một tệp được phân vùng chỉ dành cho các cookie mà trang web C đặt khi được nhúng trên trang web A. Trình duyệt sẽ chỉ gửi cookie đó khi trang web cấp cao nhất là A.

Sơ đồ cho thấy các trang web và bộ nhớ được phân vùng có cookie.

Khi người dùng truy cập vào một trang web mới, ví dụ như trang web B, trang web C sẽ không nhận được cookie đã được đặt khi C được nhúng vào trang web A.

Hãy tham khảo bài viết này để biết thêm thông tin chi tiết về quy trình loại bỏ cookie của bên thứ ba.

API Popover.

Với API Popover, bạn có thể dễ dàng tạo các thành phần giao diện người dùng tạm thời (UI) hiển thị trên tất cả giao diện người dùng của ứng dụng web khác.

Trong đó có các thành phần tương tác với người dùng như trình đơn thao tác, đề xuất thành phần biểu mẫu, bộ chọn nội dung và giao diện người dùng giảng dạy.

Thuộc tính cửa sổ bật lên mới cho phép tự động hiển thị mọi phần tử trong lớp trên cùng. Tức là nhà phát triển không còn phải lo lắng về việc định vị, xếp chồng các phần tử, tiêu điểm hoặc hoạt động tương tác với bàn phím nữa.

Phần tử này tương tự như phần tử <dialog> nhưng có một số điểm khác biệt quan trọng, bao gồm hành vi loại bỏ ánh sáng, quản lý tương tác cửa sổ bật lên và hỗ trợ sự kiện, cũng như thiếu chế độ "phương thức".

Hãy xem bài viết này để biết thêm thông tin.

Và nhiều kiến thức khác!

Tất nhiên, vẫn còn nhiều lý do khác.

  • Công cụ cho nhà phát triển cho phép bạn tạm dừng và gỡ lỗi mã C và C++ trong các ứng dụng WebAssembly có hỗ trợ DWARF.
  • Tuỳ chọn exclusionFilters trong navigator.bluetooth.requestDevice() cho phép nhà phát triển web loại trừ một số thiết bị khỏi bộ chọn trình duyệt.
  • Hiện có bản dùng thử theo nguyên gốc cho tính năng Làm mờ nền.

Tài liệu đọc thêm

Bài viết này chỉ bao gồm một số điểm nổi bật chính. Hãy truy cập vào các đường liên kết bên dưới để biết thêm các thay đổi khác trong Chrome 114.

Đăng ký

Để nắm bắt thông tin mới nhất, hãy đăng ký kênh YouTube dành cho Nhà phát triển Chrome. Bạn sẽ nhận được thông báo qua email mỗi khi chúng tôi ra mắt video mới.

Xin chào Adriana Jara! Ngay sau khi Chrome 115 được phát hành, tôi sẽ sẵn sàng cho bạn biết các tính năng mới của Chrome!