0

Những thứ mới ở Chrome 56

Giới thiệu

Như các bạn biết thì thế giới luôn thay đổi và công nghệ thì càng thay đổi nhanh chóng. Chrome giờ đã là browser được sử dụng phổ biến nhất hiện nay. Nó là 1 trình duyệt web tốc độ, nhanh, đơn giản và an toàn được tạo ra dành cho web hiện đại. Chrome luôn được cập nhật để có thể tích hợp được những công nghệ ngày càng mới này. Phiên bản mới nhất hiện tại của Chrome56.0.2924.87 Ở bài viết này mình sẽ giới thiệu đến các bạn các thay đổi của Chrome 56 so với phiên bản trước nhé.

Các thay đổi

  • Users có thể tìm thấy các thiết bị Bluetooth Low Energy để kết nối tới Website sử dụng Web Bluetooth API

  • position: sticky đã trở lại, giờ đây bạn có thể css dễ dàng hơn, tạo ra 1 phần tử có tiêu đề được fix ở top và scroll down cho đến khi hết nội dung.

  • Và giờ đây HTML 5 đã được đặt mặc định cho tất cả users

    Web bluetooth API

Cho đến bây giờ thì người dùng có các thiết bị bluetooth muốn communicate với các app thì bắt buộc phải cài đặt các phần mềm hỗ trợ. Tất nhiên những phần mềm hỗ trợ này khó mà biết được có chứa các mã độc hay không. Với Chrome 56 thì người dùng đã có thể chọn các thiết bị Bluetooth Low Energy (BLE) để tương tác với web app. Giống như việc chia sẻ file với website, việc chia sẻ qua bluetooth cũng trở nên an toàn hơn vì nó được hỗ trợ chính thống bởi Chrome. Người dùng có thể toàn quyền với việc khi nào và cái gì họ chia sẻ với website. Thật tuyệt 😃 Web bluethooth API sử dụng GATT protocol, cho phép các apps có thể kết nối với các thiết bị gần đó như đèn, đồ chơi, máy đo nhịp tim,.. với chỉ vài dòng code Javascript. Thật tuyệt 😃 Để tìm hiểu thêm về Web Bluetooth API bạn có thể vào Web Bluetooth Community để học hỏi thêm Mình cũng mới biết đến Web bluetooth API, cảm thấy khá thú vị và mình tin có rất nhiều thứ hay ho. Có nhiều bài viết hay ở medium về Web bluetooth API: https://medium.com/@urish/reverse-engineering-a-bluetooth-lightbulb-56580fcb7546#.46kyo1wab https://medium.com/@urish/start-building-with-web-bluetooth-and-progressive-web-apps-6534835959a6#.sr92xbcdn

Css position: sticky;

Khi bạn có 1 list danh bạ với các người bạn bắt đầu bằng chữ cái khác nhau, khi bạn scroll xuống mà vẫn thấy chữ cái bắt đầu tên nằm ở trên top của container, bạn phải lắng nghe sự kiện scroll để thay thế tên ở header này. Việc làm thủ công này khá mất công, ở phiên bản chrome 56 này chrome đã hỗ trợ thêm 1 giá trị mới cho thuộc tính position đó là sticky

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

Bạn có thể xem video này để hiểu rõ hơn thuộc tính * position: sticky; *

HTML5 được hỗ trợ mặc định

HTML5 với những ưu điểm mạnh mẽ, an toàn và hiệu quả hơn cho người dùng. Nên ở bản chrome 56 này, HTML5 default được hỗ trợ cho người dùng. Thay đổi đáng kể nhất chính là chặn không cho Adobe Flash Player được chạy mặc định mà sẽ được user chọn có cho chạy hay không. Vì khi Flash chạy thì có thể làm website chậm hơn.

Kết

Trên đây là những thay đổi đáng kể nhất ở bản Chrome 56. Mình hy vọng bài viết đã có thể giúp bạn biết được những thứ mới mẻ hơn được hỗ trợ bởi Chrome. Cùng chờ đợi phiên bản **Chrome 57 **sẽ có những gì 😃 Bài viết tham khảo https://developers.google.com/web/updates/2017/01/nic56


All Rights Reserved

Viblo
Let's register a Viblo Account to get more interesting posts.