Trong Chrome 70, chúng tôi đã thêm tính năng hỗ trợ cho:
- Ứng dụng web tiến bộ dành cho máy tính trên Windows và Linux.
- API quản lý thông tin xác thực bổ sung tính năng hỗ trợ Thông tin xác thực khoá công khai.
- Và giờ đây, bạn có thể đặt tên cho worker!
Và còn nhiều tính năng khác!
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 70!
Bạn muốn xem danh sách đầy đủ các thay đổi? Hãy xem danh sách thay đổi về kho lưu trữ nguồn Chromium.
Ứng dụng web tiến bộ dành cho máy tính để bàn trên Windows và Linux
Giờ đây, người dùng có thể cài đặt Ứng dụng web tiến bộ dành cho máy tính trên Windows và Linux!
Sau khi cài đặt, các ứng dụng này sẽ được khởi chạy từ trình đơn Start (Bắt đầu) và chạy như tất cả các ứng dụng đã cài đặt khác, không có thanh địa chỉ hoặc thẻ. Trình chạy dịch vụ đảm bảo rằng các trình chạy này hoạt động nhanh và đáng tin cậy, trải nghiệm cửa sổ ứng dụng sẽ khiến người dùng cảm thấy như đang sử dụng bất kỳ ứng dụng nào khác đã cài đặt.
Cách bắt đầu không khác gì những gì bạn đang làm hôm nay.
Tất cả nội dung bạn đã làm cho Ứng dụng web tiến bộ hiện tại vẫn được áp dụng!
Nếu ứng dụng của bạn đáp ứng các tiêu chí chuẩn của PWA, Chrome sẽ kích hoạt sự kiện beforeinstallprompt
. Lưu sự kiện; sau đó, thêm một số giao diện người dùng (chẳng hạn như nút cài đặt ứng dụng) để cho người dùng biết họ có thể cài đặt ứng dụng của bạn. Sau đó, khi người dùng nhấp vào nút, hãy gọi prompt()
trên sự kiện đã lưu; sau đó, Chrome sẽ hiển thị lời nhắc cho người dùng. Nếu người dùng nhấp vào nút thêm, Chrome sẽ thêm PWA của bạn vào trình đơn khởi động và màn hình nền của họ.
Hãy xem bài đăng của tôi về PWAs dành cho máy tính để biết toàn bộ thông tin chi tiết.
API quản lý thông tin xác thực: Thông tin xác thực khoá công khai
Credential Management API (API Quản lý thông tin xác thực) giúp người dùng đăng nhập một cách cực kỳ đơn giản. API này cho phép trang web của bạn tương tác với trình quản lý thông tin xác thực của trình duyệt hoặc dịch vụ tài khoản liên kết như Google và Facebook để ký.
Chrome 70 bổ sung tính năng hỗ trợ cho một loại thông tin xác thực thứ ba: Thông tin xác thực khoá công khai. Thông tin này cho phép các ứng dụng web tạo và sử dụng thông tin xác thực mạnh mẽ, đã được mã hoá và thông tin xác thực trong phạm vi ứng dụng để xác thực người dùng một cách hiệu quả.
Tôi khá hào hứng với tính năng này vì nó cho phép các trang web sử dụng vân tay của tôi để xác thực 2 yếu tố. Tuy nhiên, phiên bản này cũng hỗ trợ thêm các loại khoá bảo mật khác và tăng cường bảo mật trên web.
Hãy xem tài liệu về API Quản lý thông tin xác thực để biết thêm thông tin chi tiết hoặc thử nghiệm với Bản minh hoạ WebAuthn và cách bắt đầu!
Đã đặt tên là workers
Worker là một cách dễ dàng để di chuyển JavaScript ra khỏi luồng chính và vào chế độ nền. Điều này rất quan trọng để duy trì tính tương tác của trang web, vì nó có nghĩa là luồng chính sẽ không bị khoá khi đang chạy một phép tính JavaScript tốn kém hoặc phức tạp.
Không có WebWorker
Dùng với Trình phân tích điểm
Trong Chrome 70, worker hiện có một thuộc tính name
được chỉ định bằng một đối số không bắt buộc trên hàm khởi tạo.
const url = '/scripts/my-worker.js';
const wNYC = new Worker(url, {name: 'NewYork'});
const oSF = {name: 'SanFrancisco'};
const wSF = new Worker(url, oSF);
Điều này cho phép bạn phân biệt các worker chuyên dụng bằng name
khi có nhiều worker có cùng một URL. Bạn cũng có thể in tên trong bảng điều khiển DevTools, giúp bạn dễ dàng biết mình đang gỡ lỗi worker nào!
Tính năng đặt tên worker hiện đã có trên Firefox, Edge và Safari. Hãy xem cuộc thảo luận trên GitHub để biết thêm chi tiết.
Và nhiều tính năng khác!
Tất nhiên, đây chỉ là một số thay đổi trong Chrome 70 dành cho nhà phát triển, còn rất nhiều thay đổi khác.
- Web Bluetooth hiện đã có trong Windows 10, đồng thời cho phép trang web của bạn giao tiếp với các thiết bị Bluetooth ở gần do người dùng chọn theo cách an toàn và bảo đảm quyền riêng tư.
- Chrome có thể gửi thông báo can thiệp và ngừng sử dụng đến máy chủ của bạn bằng cách sử dụng trường tiêu đề phản hồi
Report-To HTTP
hoặc hiển thị các thông báo đó trong giao diệnReportingObserver
. - Có một số tính năng quan trọng sẽ ngừng hoạt động mà bạn cần biết. Hãy xem bài đăng Các tính năng ngừng hoạt động và bị xoá trong Chrome 70 để biết thêm thông tin chi tiết.
- Và đừng quên xem bài đăng mới nhất về Tính năng mới trong DevTools để tìm hiểu các tính năng mới trong Chrome DevTools.
Đăng ký
Nếu bạn muốn cập nhật video, hãy đăng ký kênh YouTube dành cho nhà phát triển Chrome của chúng tôi. 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. Ngay khi Chrome 71 được phát hành, tôi sẽ quay lại đây để giới thiệu cho bạn những tính năng mới trong Chrome!