- Chrome 57 hỗ trợ thêm
display: grid– thông số kỹ thuật mới 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à thông báo bằng cách sử dụng Media Session API mới.
- Và nhiều hơn thế nữa!
Tôi là Pete LePage, hãy cùng tìm hiểu xem có gì 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 có thể 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 – thông số kỹ thuật mới về Bố cục lưới CSS, thêm một công cụ mới mạnh mẽ để tạo hệ thống bố cục dựa trên lưới hai chiều, được tối ưu hoá để thiết kế giao diện người dùng thích ứng.
Các phần tử trong lưới có thể kéo dài trên nhiều cột hoặc hàng. Bạn cũng có thể đặt tên cho các khu vực trong lưới CSS, 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ề chủ đề này. Khi bạn đã sẵn sàng tìm hiểu sâu hơn, hãy truy cập vào trang web của Rachel Andrew: GridByExample.com.
API Phiên phát 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 nội dung đa phương tiện 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ề nội dung nghe nhìn bằng cách sử dụng Media Session API mới.
Bằng cách cung cấp siêu dữ liệu về nội dung đang phát cho trình duyệt, bạn có thể tạo thông điệp phong phú trên màn hình khoá, trong đó có 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ể lắng nghe và phản hồi các hành động của người dùng được thực hiện trên 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ó một bài đăng rất hay về Thông tin cập nhật, hoặc xem kho lưu trữ mẫu về phiên phát nội dung nghe nhìn của Chrome chính thức trên GitHub.
Và nhiều kiến thức khác!
Và nhiều tính năng khác!
- API yêu cầu thanh toán có một số điểm cải tiế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 kẻ bằng các thuộc tính
text-decorationmới. - Lớp phản hồi API Tìm nạp 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ơ xảy ra trình 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 yêu thích của tôi — các phương thức định dạng mới
padStartvàpadEndgiúp đơn giản hoá khoảng đệm chuỗi khi căn chỉnh đầu ra của bảng điều khiển hoặc in các số với một 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 gửi lời cảm ơn chân thành đến các kỹ sư và đội ngũ tại Igalia vì công sức tuyệt vời của họ về Blink. Chúng đóng vai trò quan trọng trong việc xây dựng các tính năng mới của Lưới CSS 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 các tính năng sắp tới, hãy đăng ký kênh của chúng tôi hoặc theo dõi @ChromiumDev trên Twitter. Và hãy nhớ xem các video của Hội nghị Nhà phát triển Chrome để hiểu rõ 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 và ngay sau khi Chrome 58 được phát hành, tôi sẽ có mặt ngay tại đây để cho bạn biết -- những điểm mới trong Chrome!