- Ứng dụng web tiến bộ sắp ra mắt trên máy tính
- API cảm biến chung giúp bạn dễ dàng truy cập vào các cảm biến thiết bị như gia tốc kế, con quay hồi chuyển, v.v.
- Và
BigIntgiúp việc xử lý các số nguyên lớn trở nên dễ dàng hơn.
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 67!
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.
PWA máy tính
Ứng dụng web tiến bộ dành cho máy tính hiện được hỗ trợ trên ChromeOS 67 và chúng tôi đã bắt đầu hỗ trợ máy Mac và Windows. Sau khi được cài đặt, các ứng dụng này sẽ chạy theo cách tương tự như các ứng dụng khác và chạy trong cửa sổ ứng dụng mà không có thanh địa chỉ hoặc thẻ. Trình chạy dịch vụ đảm bảo rằng chúng hoạt động nhanh và đáng tin cậy, trải nghiệm cửa sổ ứng dụng giúp họ cảm thấy được tích hợp. Chúng tạo ra trải nghiệm hấp dẫn cho người dùng.
Bắt đầu không khác những gì bạn đang làm hiện nay. Tất cả công việc bạn đã thực hiện cho Ứng dụng web tiến bộ hiện có vẫn được áp dụng, bạn chỉ cần xem xét một số điểm ngắt khác.
Nếu ứng dụng của bạn đáp ứng các tiêu chí về PWA tiêu chuẩn, Chrome sẽ kích hoạt sự kiện beforeinstallprompt, nhưng sẽ không tự động nhắc người dùng. Thay vào đó, hãy lưu sự kiện; sau đó, thêm một số giao diện người dùng (như nút cài đặt ứng dụng) vào ứng dụng để thông báo cho người dùng biết rằng 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, lời nhắc gọi trên sự kiện đã lưu; sau đó Chrome sẽ hiển thị lời nhắc với người dùng. Nếu họ nhấp vào thêm, Chrome sẽ thêm PWA của bạn vào kệ và trình chạy của họ.
Hãy xem buổi nói chuyện tại Google I/O của tôi, trong đó Jenny và tôi đi sâu vào các điểm cần cân nhắc về mặt kỹ thuật và thiết kế đặc biệt mà bạn cần cân nhắc khi xây dựng ứng dụng web tiến bộ cho máy tính.
Ngoài ra, nếu bạn muốn bắt đầu sử dụng tính năng này trên máy Mac hoặc Windows, hãy xem toàn bộ Bài đăng về ứng dụng web tiến bộ cho máy tính để biết thông tin chi tiết về cách bật tính năng hỗ trợ bằng cờ.
API cảm biến chung
Dữ liệu cảm biến được dùng trong nhiều ứng dụng để mang lại các trải nghiệm như chơi trò chơi sống động, theo dõi thể chất cũng như thực tế tăng cường hoặc thực tế ảo. Dữ liệu này hiện có sẵn cho ứng dụng web bằng cách sử dụng Generic Sensor API (API Cảm biến chung).
API này bao gồm một giao diện Cảm biến cơ sở với một tập hợp các lớp cảm biến cụ thể được tạo ở trên cùng. Việc có giao diện cơ sở giúp đơn giản hoá quá trình triển khai và thông số kỹ thuật cho các lớp cảm biến cụ thể. Ví dụ: lớp Con quay hồi chuyển là siêu nhỏ!
const sensor = new Gyroscope({frequency: 500});
sensor.start();
sensor.onreading = () => {
console.log("X-axis " + sensor.x);
console.log("Y-axis " + sensor.y);
console.log("Z-axis " + sensor.z);
};
Chức năng cốt lõi được xác định theo giao diện cơ sở, và Con quay hồi chuyển chỉ mở rộng giao diện đó bằng 3 thuộc tính đại diện cho vận tốc góc. Chrome 67 hỗ trợ gia tốc kế, con quay hồi chuyển, cảm biến hướng và cảm biến chuyển động.
Intel đã tập hợp một số bản minh hoạ API cảm biến chung và mã mẫu, đồng thời họ cũng đã cập nhật bài đăng Cảm biến dành cho web! vào tháng 9 với mọi thông tin bạn cần biết.
BigInt giây
BigInt là một số nguyên gốc mới trong JavaScript có thể biểu thị số nguyên với độ chính xác tuỳ ý. Không thể biểu thị mã nhận dạng số nguyên lớn và dấu thời gian có độ chính xác cao dưới dạng Numbers trong JavaScript, điều này thường dẫn đến lỗi trong thực tế (do thay vào đó chúng ta thường biểu thị những số đó dưới dạng chuỗi).
let max = Number.MAX_SAFE_INTEGER;
// → 9_007_199_254_740_991
max = max + 1;
// → 9_007_199_254_740_992 - Yay!
max = max + 1;
// → 9_007_199_254_740_992 - Uh, no?
Với BigInt, chúng ta có thể lưu trữ và thực hiện số học số nguyên một cách an toàn mà không bị tràn. Hiện nay, việc xử lý các số nguyên lớn thường đồng nghĩa với việc chúng ta phải dùng một thư viện có thể mô phỏng chức năng giống như BigInt.
let max = BigInt(Number.MAX_SAFE_INTEGER);
// → 9_007_199_254_740_991n
max = max + 9n;
// → 9_007_199_254_741_000n - Yay!
Khi BigInt được cung cấp rộng rãi, chúng tôi sẽ có thể loại bỏ các phần phụ thuộc thời gian chạy này để thay thế bằng BigInts gốc. Việc triển khai gốc không chỉ nhanh hơn mà còn giúp giảm thời gian tải, thời gian phân tích cú pháp và thời gian biên dịch vì chúng ta sẽ không phải tải các thư viện bổ sung đó.
Và nhiều kiến thức khác!
Đây chỉ là một vài trong số những thay đổi trong Chrome 67 dành cho nhà phát triển. Tất nhiên, còn rất nhiều thay đổi khác.
API Quản lý thông tin xác thực được hỗ trợ kể từ Chrome 51, đồng thời cung cấp khung để tạo, truy xuất và lưu trữ thông tin xác thực. Việc này được thực hiện thông qua 2 loại thông tin xác thực: PasswordCredential và FederatedCredential. API xác thực web thêm loại thông tin xác thực thứ ba là PublicKeyCredential, cho phép các trình duyệt xác thực người dùng bằng một cặp khoá riêng tư/công khai do trình xác thực tạo, chẳng hạn như khoá bảo mật, trình đọc vân tay hoặc bất kỳ thiết bị nào khác có thể xác thực người dùng. Chrome 67 cho phép API sử dụng trình xác thực U2F/CTAP 1 qua tính năng truyền tải USB trên máy tính.
Tìm hiểu thêm về vấn đề này trong bài đăng Bật tính năng xác thực mạnh bằng WebAuthn của Eiji.
Tổng kết Google I/O
Nếu bạn chưa tới I/O hoặc có thể đã đến nhưng không xem tất cả các cuộc trò chuyện trên web, hãy xem danh sách phát dành cho Chrome và Web để cập nhật tất cả thông tin mới nhất từ Google I/O!
Tính năng mới trong Công cụ cho nhà phát triển
Hãy nhớ xem phần Mới trong Công cụ của Chrome cho nhà phát triển để tìm hiểu những điểm mới trong Công cụ cho nhà phát triển trong Chrome 67.
Đăng ký
Sau đó, hãy nhấp vào nút đăng ký trên kênh YouTube và 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 68 đượ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!