Điểm mới trong Chrome 58

Pete LePage

  • Tiêu chuẩn IndexedDB 2.0 hiện được hỗ trợ đầy đủ trong Chrome, đồng thời có tính năng quản lý giản đồ mới, các phương thức hành động hàng loạt và xử lý lỗi theo tiêu chuẩn hơn.
  • Ứ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 cho iframes trong hộp cát các quyền mới
  • Và còn nhiều tính năng khác!

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

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 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 sẽ thay đổi điều đó.

  • Giờ đây, bạn có thể đổi tên các cửa hàng object và indexes 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ề các hình phạt về hiệu suất.
  • Việc truy xuất dữ liệu trở nên dễ dàng hơn với các 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ỏ với getAll() và getAllKey() nữa.

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

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

Tuy nhiên, đối với những trải nghiệm sống động hơn 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ể gây mất tập trung và chiếm dụng các pixel có giá trị mà bạn muốn.

Giờ đây, bạn có thể tạo cảm giác sống động cho Ứng dụng web tiến bộ bằng cách đặt display: fullscreen trong tệp kê khai ứng dụng web.

Ứng dụng web tiến bộ (PWA) được 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 ứng dụng của bạn được chạy từ màn hình chính, tất cả các thành phần giao diện người dùng không phải ứng dụng dành cho thiết bị di động sẽ bị ẩn.

Cải tiến iframe trong 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ằng một lượt tương tác của người dùng, từ khoá này cho phép các iframe trong hộp cát điều hướng trang cấp cao nhất, đồng thời vẫn chặn các lệnh 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 lỗi xâm nhập clearfix. Thay vì đặt lại nhiều thuộc tính bố cục như float và clear theo cách thủ công, giờ đây, bạn có thể thêm một ngữ cảnh định dạng khối mới bằ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ý tưởng cho trường hợp bạn cần nhật ký chính xác về các điểm cho những ứng dụng như ứng dụng vẽ.
  • Giờ đây, bạn có thể tạo Workers và SharedWorkers bằng cách sử dụng 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 số thay đổi dành cho nhà phát triển trong Chrome 58.

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

Sau đó, hãy đăng ký kênh YouTube của chúng tôi để nhận thông báo qua email mỗi khi chúng tôi ra mắt video mới.

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