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

Pete LePage

  • Giờ đây, người dùng có thể chọn thiết bị Bluetooth Năng lượng thấp để kết nối với các trang web sử dụng API Web Bluetooth.
  • position: sticky đã trở lại – giúp bạn dễ dàng tạo các thành phần cuộn bình thường cho đến khi dính vào đầu khung nhìn.
  • Và chế độ HTML5 theo mặc định được bật cho tất cả người dùng.

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 56.

Web Bluetooth API

Cho đến nay, những người dùng có thiết bị Bluetooth buộc phải cài đặt ứng dụng gốc để giao tiếp với thiết bị. Với Chrome 56, người dùng có thể chọn các thiết bị Bluetooth năng lượng thấp lân cận để cung cấp cho các trang web sử dụng API Bluetooth trên web.

Tương tự như việc chọn tệp để chia sẻ với một trang web, cách này an toàn hơn so với việc cài đặt một ứng dụng gốc có thể đọc dữ liệu từ bất kỳ nguồn nào. Người dùng có toàn quyền kiểm soát thời điểm và thiết bị được chia sẻ với một trang web cụ thể.

API Bluetooth trên web sử dụng giao thức GATT, cho phép các ứng dụng kết nối với các thiết bị như bóng đèn, đồ chơi, máy đo nhịp tim, màn hình LED và nhiều thiết bị khác chỉ bằng vài dòng JavaScript. Bạn cũng có thể kết hợp Bluetooth trên web với beacon web thực để dễ dàng khám phá các thiết bị lân cận hơn nữa.

Francois có một bài viết tuyệt vời về Bản cập nhật, hãy nhớ xem một số bản minh hoạ thú vị đi kèm.

CSS position: sticky;

Trước đây, việc tạo tiêu đề nội dung cuộn bình thường cho đến khi dính vào đầu khung nhìn yêu cầu phải theo dõi các sự kiện cuộn và chuyển đổi vị trí của một phần tử từ tương đối sang cố định ở một ngưỡng đã chỉ định. Việc đồng bộ hoá rất khó khăn và thường dẫn đến hiện tượng hình ảnh bị giật nhỏ.

Chrome hiện hỗ trợ CSS position: sticky;, một cách mới để định vị các phần tử.

Một phần tử có vị trí cố định, bắt đầu tương đối; nhưng trở thành cố định sau khi phần tử đó đạt đến một vị trí cuộn nhất định.

Bạn chỉ cần đặt position: sticky và đặt ngưỡng để nó trở thành cố định.

h3 {
  /* Element will be 'fixed' when it ... */
  position: sticky;
  /* ... is 10px from the top of the viewport */
  top: 10px;
}

Paul Kinlan có một bài đăng Cập nhật về vấn đề này.

HTML5 theo mặc định

Tháng 8 năm ngoái, chúng tôi đã thông báo rằng sẽ chuyển sang HTML5 theo mặc định để mang đến trải nghiệm an toàn hơn và tiết kiệm pin hơn. Thay đổi này sẽ tắt Adobe Flash Player trừ phi người dùng cho biết họ muốn nội dung Flash trên một số trang web cụ thể. Cuối cùng, tất cả trang web sẽ yêu cầu người dùng cấp quyền để chạy Flash.

Trong Chrome 56, HTML5 theo mặc định đã được bật cho tất cả người dùng, nghĩa là họ sẽ được nhắc chạy Flash trên các trang web mà họ chưa từng truy cập.

Thông tin chi tiết khác về cách thức và thời điểm người dùng sẽ được nhắc, cũng như các đề xuất về cách kiểm thử trang web Flash.

Và các dữ liệu khác

Và tất nhiên, còn nhiều tính năng khác nữa.

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ý, theo dõi @ChromiumDev trên Twitter và nhớ xem video từ Hội nghị nhà phát triển Chrome để tìm hiểu sâu hơn về một số tính năng tuyệt vời mà nhóm Chrome đang phát triển.

Tôi là Pete LePage. Ngay khi Chrome 57 đượ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!

Tính năng mới trong Trứng Phục sinh của Chrome

Nếu đã đọc đến đây, bạn xứng đáng xem đoạn video khoảnh khắc hài hước trong bài viết Tính năng mới trong Chrome 52! Tôi cảm thấy mỗi khi mở miệng, một chiếc xe tải sẽ chạy qua, một chiếc trực thăng sẽ bay qua, một chiếc ô tô sẽ bấm còi.

À, và cảm ơn Andrew đã cho tôi mượn áo! Tôi gặp một chút sự cố về tủ quần áo.