Điểm mới trong Chrome 58

Pete LePage

  • 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, các phương thức thao tác hàng loạt cũng như cách chuẩn hóa hơn cách xử lý các lỗi.
  • Ứng dụng web tiến bộ trở nên sống động hơn với display: fullscreen.
  • allow-top-navigation-by-user-activation cung cấp sức mạnh mới cho hộp cát iframes
  • Và nhiều hơn thế nữa!

Bạn muốn xem toàn bộ danh sách các thay đổi? Hãy 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 sâu hơn và xem 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ó tác động lớn đến 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 kho lưu trữ object và indexes tại chỗ sau khi tái cấu trúc.
  • Khoá nhị phân cung cấp nhiều khoá tự nhiên hơn mà không phải lo lắng về hình phạt liên quan đến hiệu suất.
  • Dễ dàng truy xuất dữ liệu hơn với phương thức getKey(), openKeyCursor() và 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 getAll() và getAllKey() nữa.

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

Khi khởi chạy Ứng dụng web tiến bộ từ màn hình chính của Android, các ứng dụng này sẽ chạy ở một chế độ giống như ứ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 thành phần trên giao diện người dùng dành cho thiết bị di động như thanh hệ thống vẫn có thể là yếu tố gây phân tâm và chiếm các pixel có giá trị mà bạn có thể muốn.

Giờ đây, bạn có thể khiến Ứng dụng web tiến bộ của mình có trải nghiệm sống động đầy đủ bằng cách thiết lập display: fullscreen trong tệp kê khai ứng dụng web.

Một PWA đã chạy từ màn hình chính (bên trái), chạy từ màn hình chính ở chế độ standalone (ở giữa) và chạy từ màn hình chính ở chế độ fullscreen (bên phải).

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

Cải tiến 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 hoạt động tương tác của người dùng, từ khoá này cung cấp cho các iframe hộp cát khả năng điều hướng trang cấp cao nhất trong khi vẫn chặn tính năng tự động chuyển hướng.

Và nhiều kiến thức khác!

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

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

Đây chỉ là một vài trong số các 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 giúp giải quyết những thách thức phải đối mặt khi nhà thiết kế và nhà phát triển làm việc cùng nhau.

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

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