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 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ư của nguồn 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 bộ nhớ riêng tư cho nguồn gốc của trang.

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

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

Với 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 nguồn gốc và có thể thực hiện các thao tác với tệp thông qua FileSystemSyncAccessHandle để 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 quyền truy cập hệ thống tệp một cách trơn tru trên các nền tảng.

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

Giờ đây, một số tính năng CSS mới, bắt đầu bằng một đơn vị chiều dài mới: lh.

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

Ngoài ra, Nhóm làm việc về CSS đã thêm một giá trị mới là auto 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. Các chỉ số mô tả này trong phông chữ biến cho phép người dùng chọn độ đậm, độ nghiêng hoặc độ rộng của kiểu chữ.

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

Hỗ trợ MathML Core.

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

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

Các tính năng CSS (bao gồm cả các tính năng dành riêng cho bố cục toán học) hỗ trợ việc tạo kiểu MathML. Một số ví dụ là các thuộc tính math-depth, math-shiftmath-style, giá trị math cho thuộc tính display và nhiều thuộc tính khác.

Hãy xem tài liệu để biết thông tin chi tiết và ví dụ về cách viết ký hiệu toán học!

Và nhiều tính năng khác!

Tất nhiên còn nhiều tính năng khác.

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

Nội dung này chỉ đề cập đến một số điểm nổi bật chính. Hãy xem các đường liên kết bên dưới để biết thêm các thay đổi trong Chrome 109.

Đăng ký

Để luôn 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 khi Chrome 110 được phát hành, tôi sẽ ở đây để giới thiệu cho bạn những tính năng mới trong Chrome!