- Chrome 57 hỗ trợ thêm
display: grid– thông số kỹ thuật mới về 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à thông báo bằng Media Session API mới.
- Và còn nhiều tính năng khác!
Tôi là Pete LePage. 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 57!
Bố cục lưới CSS
Flexbox là một công cụ bố cục mạnh mẽ. Lớp này cho phép tạo nhiều bố cục phức tạp, nhưng chỉ có thể tạo bố cục theo một chiều. Chrome 57 hỗ trợ thêm display: grid – quy cách Bố cục lưới CSS mới, thêm một công cụ mới mạnh mẽ để tạo hệ thống bố cục hai chiều dựa trên lưới, đượ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ể trải dài nhiều cột hoặc hàng. Bạn cũng có thể đặt tên cho các vùng trong lưới CSS để mã bố cục dễ hiểu hơn.
Surma có một bài đăng cập nhật về vấn đề này. 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.
Media Session API
Một trong những tính năng còn thiếu trong các ứng dụng nội dung nghe nhìn trên web là khả năng tích hợp sâu với trải nghiệm nội dung nghe nhìn cốt lõi trên thiết bị di động. Trong Chrome cho Android, giờ đây, bạn có thể tuỳ chỉnh màn hình khoá và thông báo bằng nội dung đa phương tiện bằng cách sử dụng Media Session API mới.
Bằng cách cung cấp metadata cho trình duyệt về nội dung đang phát, bạn có thể tạo thông báo màn hình khoá đa dạng thức bao gồm thông tin như tiêu đề, nghệ sĩ, tên album và hình minh hoạ. Bạn cũng có thể nghe và phản hồi các hành động của người dùng thực hiện trên chính thông báo, chẳng hạn như tua hoặc bỏ qua.
Nếu bạn muốn bắt đầu nhanh, Francois có một bài đăng cập nhật rất hữu ích hoặc bạn có thể xem kho lưu trữ mẫu phiên phát nội dung đa phương tiện của Chrome chính thức trên GitHub.
Và nhiều tính năng khác!
Và còn nhiều tính năng khác!
- Có một số điểm cải tiến đối với 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 thuộc tính
caret-color. - Bạn có thể chỉ định các hiệu ứng hình ảnh như màu và kiểu đường bằng các thuộc tính
text-decorationmới. - Fetch API (API Tìm nạp) Lớp phản hồi hiện hỗ trợ thuộc tính
.redirectedđể giúp tránh các phản hồi không đáng tin cậy và giảm nguy cơ chuyển hướng mở. - Tất cả các bí danh chung IndexedDB có tiền tố
-webkit-đã bị xoá, sau khi ngừng sử dụng trong M38. - Và một trong những phương thức định dạng
padStartvàpadEndmới mà tôi yêu thích giúp đơn giản hoá việc chèn chuỗi khi căn chỉnh đầu ra của bảng điều khiển hoặc in số có số chữ số cố định.
Đây chỉ là một số thay đổi dành cho nhà phát triển trong Chrome 57.
Cảm ơn Igalia
Cuối cùng, xin cảm ơn các kỹ sư và nhóm tại Igalia vì những đóng góp tuyệt vời của họ cho Blink. Các tính năng này đóng vai trò quan trọng trong việc ra mắt 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 nắm bắt thông tin mới nhất về Chrome và biết những tính năng sắp ra mắt, hãy nhớ đăng ký kênh của chúng tôi hoặc theo dõi @ChromiumDev trên Twitter. Và đừng quên xem các video từ Hội nghị nhà phát triển Chrome để tìm hiểu sâu hơn 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 khi Chrome 58 được phát hành, tôi sẽ quay lại đây để giới thiệu cho bạn những tính năng mới trong Chrome!