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

  • 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: gridbả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!

  • 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 padStartpadEnd 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!