- Chrome 57 bổ sung hỗ trợ cho
display: grid
– phiên bản mới Thông số kỹ thuật của Bố cục lưới CSS. - Giờ đây, bạn có thể tuỳ chỉnh và phản hồi hoạt động đầu vào của người dùng trên màn hình khoá và bằng API Phiên nội dung nghe nhìn mới.
- Và còn nhiều tính năng khác nữa!
Tôi là Pete LePage, hãy cùng tìm hiểu về các tính năng mới dành cho nhà phát triển trong Chrome 57!
Bố cục lưới CSS
Flexbox là một công cụ bố cục mạnh mẽ. Công cụ này tạo ra nhiều bố cục phức tạp,
nhưng chỉ có thể bố cục trong một chiều. Chrome 57 bổ sung hỗ trợ cho
display: grid
–
bản đặc tả Bố cục lưới CSS mới,
thêm một công cụ mới mạnh mẽ để tạo bố cục dựa trên lưới hai chiều
các hệ thống khác, được tối ưu hoá
cho thiết kế giao diện người dùng thích ứng.
Các phần tử trong lưới có thể nằm trên nhiều cột hoặc hàng. Các khu vực trong một Lưới CSS cũng có thể được đặt tên để giúp mã bố cục dễ hiểu hơn.
Surma có một bài đăng về Thông tin cập nhật về vấn đề đó và khi bạn đã sẵn sàng để tìm hiểu sâu hơn, hãy xem Trang web của Rachel Andrew: GridByExample.com.
API phiên nội dung đa phương tiện
Một trong những tính năng còn thiếu của các ứng dụng đa phương tiện trên web là khả năng tích hợp sâu với trải nghiệm truyền thông cốt lõi trên thiết bị di động. Giờ đây, trong Chrome dành cho Android, bạn có thể tuỳ chỉnh màn hình khoá và thông báo với nội dung đa phương tiện bằng API Phiên nội dung nghe nhìn mới.
Bằng cách cung cấp siêu dữ liệu với trình duyệt về nội dung đang được phát, bạn có thể tạo màn hình khoá đa dạng thức nhắn tin bao gồm các thông tin như tiêu đề, nghệ sĩ, tên đĩa nhạc và hình minh hoạ. Bạn cũng có thể nghe và phản hồi hành động của người dùng lấy chính thông báo, chẳng hạn như tìm kiếm hoặc bỏ qua.
Nếu bạn muốn bắt đầu nhanh, Francois có Bài đăng về thông tin cập nhật, hoặc xem trang web Kho lưu trữ mẫu phiên phát nội dung đa phương tiện trên Chrome trên GitHub.
Và nhiều tính năng khác!
Và còn nhiều tính năng khác nữa!
- Có một số cải tiến vào API yêu cầu thanh toán.
- Bạn có thể chỉ định màu của con trỏ nhập văn bản bằng
caret-color
thuộc tính này. - Bạn có thể chỉ định các hiệu ứng hình ảnh như màu và kiểu đường kẻ bằng các thuộc tính mới
text-decoration
các thuộc tính. - API Tìm nạp
Lớp phản hồi
hiện hỗ trợ
.redirected
nhằm giúp tránh phản hồi không đáng tin cậy và giảm nguy cơ mở bộ chuyển hướng. - Tất cả
-webkit-
có tiền tố IndexedDB bí danh chung đã bị xoá, sau đó việc ngừng sử dụng trong M38. - Và một trong những trò chơi yêu thích của tôi — mới
padStart
vàpadEnd
các phương thức định dạng giúp đơn giản hoá khoảng đệm chuỗi khi căn chỉnh đầu ra trên bảng điều khiển hoặc in số với số lượng chữ số cố định.
Đây chỉ là một vài thay đổi trong Chrome 57 dành cho nhà phát triển.
Cảm ơn Igalia
Cuối cùng, xin chân thành cảm ơn các kỹ sư và đội ngũ tại
Igalia vì tác phẩm tuyệt vời của họ trên Blink. Chúng
là những công cụ quan trọng giúp tạo ra các tính năng mới của CSS Grid và caret-color
.
Cập nhật thông tin mới nhất
Nếu bạn muốn cập nhật Chrome và biết những tính năng sắp ra mắt, hãy nhớ đăng ký theo dõi kênh của chúng tôi hoặc theo dõi @ChromiumDev trên Twitter. Hãy nhớ xem các video của Hội nghị dành cho nhà phát triển Chrome để biết thêm chi tiết về một số điều tuyệt vời mà nhóm Chrome đang thực hiện.
Tôi là Pete LePage. Ngay sau khi Chrome 58 được phát hành, tôi sẽ sẵn sàng trợ giúp cho bạn biết -- tính năng mới trong Chrome!