Tính năng mới trong Chrome 109

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

OPFS trên Android

Hệ thống tệp riêng tư gốc (OPFS) là một phần của API Truy cập hệ thống tệp. Đây là một điểm cuối lưu trữ riêng tư đối với nguồn gốc của trang.

Chrome 109 ra mắt trên máy tính để bàn trên Chrome 102, tăng khả năng tương thích bằng cách cung cấp ứng dụng trên Android.

Với một vài ngoại lệ, API này bao gồm tất cả nền tảng API Truy cập hệ thống tệp để quản lý các tệp một cách liền mạch ngay từ hệ thống tệp cục bộ. Các phương thức show*Picker() cũng như tính năng tích hợp API kéo và thả chưa được hỗ trợ.

Nhờ API Truy cập hệ thống tệp trên OPFS, các trang web có thể truy cập vào hệ thống tệp riêng tư theo từng nguồn gốc của trang web và có thể thực hiện các thao tác với tệp thông qua FileSystemSyncAccessHandle, nhờ đó cải thiện hiệu suất.

Hãy xem bài viết này để tìm hiểu cách triển khai khả năng truy cập mượt mà vào hệ thống tệp trên nhiều nền tảng.

Tính năng mới trong CSS.

Hiện tại là một vài tính năng mới của CSS, bắt đầu bằng một đơn vị độ dài mới: lh.

Đơn vị CSS lh bằng với giá trị tính toán của thuộc tính chiều cao dòng trên phần tử mà thuộc tính này được sử dụng. Điều này cho phép textarea được cung cấp chiều cao bằng với số lượng dòng của văn bản dự kiến.

Ngoài ra, Nhóm công tác CSS đã thêm một giá trị auto mới cho các chỉ số mô tả: font-weight, font-stylefont-stretch bên trong quy tắc @font-face. auto hiện là giá trị ban đầu. Những nội dung mô tả này trong phông chữ biến đổi cho phép người dùng chọn độ đậm, độ nghiêng hoặc độ rộng của kiểu chữ.

Để giúp kiểm soát tốt hơn các kiểu chữ trên web, thuộc tính hyphenate-limit-chars chỉ định số lượng ký tự tối thiểu trong một từ có dấu gạch nối.

Hỗ trợ MathML Core.

Nếu đã từng cố thêm công thức toán học vào trang web của mình theo cách dễ định kiểu và dễ tiếp cận, thì bạn sẽ rất vui khi biết rằng MathML Core hiện đã được hỗ trợ trong Chrome.

MathML là ngôn ngữ để mô tả ký hiệu toán học theo cách có thể được đưa vào HTML và SVG. Tệp này được hiển thị theo cách tương thích với CSS với OpenType MATH và hiển thị thông qua API hỗ trợ tiếp cận của nền tảng.

Tính năng CSS hỗ trợ định kiểu MathML, bao gồm cả những tính năng dành riêng cho bố cục toán học. Một số ví dụ bao gồm các thuộc tính math-depth, math-shiftmath-style, cũng như giá trị math cho thuộc tính display và các thuộc tính khác.

Hãy tham khảo tài liệu để biết thông tin chi tiết và ví dụ giúp cải thiện trò chơi ký hiệu toán học của bạn!

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

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

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

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

Tôi là Adriana Jara. Ngay sau khi Chrome 110 đượ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 trong Chrome!