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

Pete LePage

  • Giờ đây, người dùng có thể chọn các thiết bị Bluetooth năng lượng thấp để kết nối với những trang web sử dụng API Bluetooth cho web.
  • position: sticky đã trở lại – giúp bạn dễ dàng tạo các phần tử cuộn bình thường cho đến khi bám sát được vào đầu khung nhìn.
  • Đồng thời, 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 về những tính năng mới dành cho nhà phát triển trong Chrome 56.

API Web Bluetooth

Cho đến nay, người dùng có thiết bị Bluetooth buộc phải cài đặt các ứ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 ở gần để cung cấp cho những trang web sử dụng API Bluetooth cho 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ỳ thứ gì. 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ể.

Web Bluetooth API sử dụng giao thức GATT, cho phép ứng dụng kết nối với các thiết bị như bóng đèn, đồ chơi, thiết bị theo dõi nhịp tim, màn hình LED và các thiết bị khác chỉ với một một vài dòng JavaScript. Web Bluetooth cũng có thể được kết hợp với tín hiệu web thực tế để giúp việc khám phá các thiết bị ở gần dễ dàng hơn nữa.

Francois có một bài viết rất hay về Updates (Cập nhật), hãy nhớ xem một số bản minh hoạ đẹp mắt để đi kèm với bài viết đó.

Dịch vụ so sánh giá (CSS) position: sticky;

Trước đây, việc tạo các tiêu đề nội dung cuộn bình thường cho đến khi gắn vào đầu khung nhìn yêu cầu phải nghe các sự kiện cuộn và chuyển vị trí của một phần tử từ tương đối sang cố định tại một ngưỡng được chỉ định. Khó đồng bộ hoá và thường dẫn đến những hiện tượng nhảy nhỏ về hình ả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ố định ở vị trí sẽ bắt đầu tương đối; nhưng trở nên cố định sau khi phần tử đó đạt đến một vị trí cuộn nhất định.

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 về Thông tin 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 sẽ chuyển sang HTML5 theo mặc định để cung cấp trải nghiệm an toàn hơn, tiết kiệm điện năng hơn. Thay đổi này sẽ tắt Adobe Flash Player, trừ phi có chỉ báo người dùng cho biết họ muốn có nội dung Flash trên các trang web cụ thể. Cuối cùng, tất cả các trang web đều sẽ yêu cầu sự cho phép của người dùng để 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 họ chưa từng truy cập.

Thêm thông tin chi tiết 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 tra các trang web Flash của bạn.

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

Và tất nhiên, còn nhiều thứ khác.

Nếu bạn muốn cập nhật Chrome và biết những điều sắp tới, hãy nhớ đăng ký, theo dõi @ChromiumDev trên Twitter và nhớ xem các video của 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 và ngay sau khi Chrome 57 được phát hành, tôi sẽ sẵn sàng cho bạn biết -- những điểm mới trong Chrome!

Mới trong Trứng phục sinh của Chrome

Nếu đọc đến đây, bạn xứng đáng được xem đoạn video quay lại cảnh quay hỏng từ Tính năng mới trong Chrome 52! Tôi cảm thấy như mỗi lần tôi mở miệng, có một chiếc xe tải chạy qua, một chiếc trực thăng sẽ lướt qua, và một chiếc xe sẽ còi còi.

Ồ, rất cảm ơn Andrew đã cho tôi mượn áo của anh ấy! Tôi gặp đôi chút vấn đề tủ quần áo.