Điểm mới trong Chrome 58

  • Tiêu chuẩn IndexedDB 2.0 hiện được hỗ trợ đầy đủ trong Chrome và có tính năng quản lý giản đồ mới, phương thức thao tác hàng loạt và nhiều tính năng khác chuẩn hoá quy trình xử lý lỗi.
  • Các ứng dụng web tiến bộ trở nên phong phú hơn với display: fullscreen.
  • allow-top-navigation-by-user-activation cung cấp hộp cát iframes sức mạnh mới
  • Và còn nhiều tính năng khác nữa!

Bạn muốn xem danh sách đầy đủ các thay đổi? Xem Danh sách thay đổi kho lưu trữ nguồn Chromium

Tôi là Pete LePage. Hãy cùng tìm hiểu có gì mới dành cho nhà phát triển trong Chrome 58!

IndexedDB 2.0

Cấu trúc cơ sở dữ liệu của trang web của bạn có tác động lớn về hiệu suất và có thể khó thay đổi. IndexedDB 2.0 thay đổi điều đó.

  • Giờ đây, bạn có thể đổi tên cửa hàng objectindexes tại chỗ sau khi tái cấu trúc.
  • Khoá nhị phân cho phép nhiều khoá tự nhiên hơn mà không phải lo lắng về hiệu suất hình phạt.
  • Việc truy xuất dữ liệu dễ dàng hơn bằng getKey(), openKeyCursor()continuePrimaryKey().

Ngoài ra, việc khôi phục hàng loạt toàn bộ tập dữ liệu không còn cần con trỏ bằng lệnh getAll()getAllKey().

Ứng dụng web tiến bộ toàn màn hình

Khi ứng dụng web tiến bộ được khởi chạy từ màn hình chính của Android, chúng khởi chạy ở chế độ giống ứng dụng độc lập giúp ẩn thanh địa chỉ. Điều này giúp tạo ra trải nghiệm người dùng hấp dẫn và giải phóng không gian màn hình cho nội dung.

Tuy nhiên, đối với trải nghiệm sống động hơn nữa như trò chơi, trình phát video, hoặc nội dung đa dạng thức khác, các phần tử trên giao diện người dùng trên thiết bị di động như thanh hệ thống có thể vẫn là yếu tố làm sao lãng và chiếm các pixel có giá trị mà bạn có thể muốn.

Giờ đây, bạn có thể cài đặt để làm cho Ứng dụng web tiến bộ của mình cảm thấy hoàn toàn sống động display: fullscreen trong tệp kê khai ứng dụng web.

Một ứng dụng web tiến bộ (PWA) khởi chạy từ màn hình chính (bên trái), khởi chạy từ màn hình chính ở chế độ standalone (ở giữa) và khởi chạy từ màn hình chính trong Chế độ fullscreen (phải).

Khi ứng dụng của bạn chạy từ màn hình chính, tất cả giao diện người dùng không phải ứng dụng trên thiết bị di động sẽ bị ẩn.

Các điểm cải tiến về iframe hộp cát

Chrome 58 hiện hỗ trợ từ khoá hộp cát iframe mới allow-top-navigation-by-user-activation.

Khi được kích hoạt bởi một tương tác của người dùng, từ khoá này sẽ cung cấp các iframe hộp cát khả năng điều hướng đến trang cấp cao nhất, trong khi vẫn chặn chuyển hướng tự động.

Và nhiều tính năng khác!

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

  • Tạm biệt tin tặc clearfix. Thay vì đặt lại theo cách thủ công nhiều thuộc tính bố cục như có độ chính xác đơn và xoá, giờ đây bạn có thể thêm một thuộc tính mới ngữ cảnh định dạng chặn bằng display: flow-root.
  • PointerEvents.getCoalescedEvents() cho phép bạn truy cập vào tất cả sự kiện nhập kể từ lần gần đây nhất PointerEvent được phân phối. Lý tưởng khi bạn cần nhật ký chính xác về các điểm cho những việc như vẽ ứng dụng.
  • Đồng thời, bạn hiện có thể tạo WorkersSharedWorkers bằng data: URL, tạo sự phát triển với Workers an toàn hơn bằng cách cung cấp cho chúng một nguồn gốc không rõ ràng.

Đây chỉ là một vài thay đổi trong Chrome 58 dành cho nhà phát triển.

Nếu bạn thích video này, hãy xem Nhà thiết kế và Nhà phát triển, một loạt video mới nhằm cố gắng giải quyết những thách thức mà nhà thiết kế gặp phải và nhà phát triển làm việc cùng nhau.

Sau đó, hãy đăng ký nhận thông tin Kênh YouTube và bạn sẽ nhận được thông báo qua email mỗi khi chúng tôi ra mắt video mới.

Tôi là Pete LePage và ngay khi Chrome 59 được phát hành, tôi sẽ sẵn sàng tại đây để cho bạn biết -- tính năng mới trong Chrome!