- Chrome 61 hiện hỗ trợ các mô-đun JavaScript gốc, hợp nhất cách viết JavaScript mô-đun.
- Giờ đây, bạn có thể sử dụng
navigator.shaređể kích hoạt hộp thoại chia sẻ gốc của Android. - WebUSB API đã ra mắt, cho phép ứng dụng web truy cập vào các thiết bị USB mà người dùng cho phép.
- Và còn nhiều tính năng khác!
Bạn muốn xem danh sách đầy đủ 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 có gì mới dành cho nhà phát triển trong Chrome 61!
Mô-đun JavaScript
Chrome 61 bổ sung tính năng hỗ trợ gốc cho các mô-đun JavaScript thông qua phần tử <script type="module">. Nhờ đó, Chrome có thể tìm nạp
các phần phụ thuộc chi tiết song song, tận dụng tính năng lưu vào bộ nhớ đệm, tránh
tình trạng trùng lặp trên trang và đảm bảo tập lệnh thực thi theo thứ tự
chính xác.
<script type="module">
import {addText} from './utils.js';
addText('Modules are pretty cool.');
</script>
Hệ thống mô-đun được chuẩn hoá này hợp nhất cách viết và phân phối JavaScript mô-đun cho trình duyệt web. Trong tương lai, hệ thống tương tự sẽ có trong Node, giúp bạn dễ dàng viết và triển khai JavaScript đồng cấu trúc hơn.
Bạn có thể tìm hiểu thêm về các mô-đun và các khía cạnh của JavaScript bị ảnh hưởng bởi mô-đun qua các đường liên kết bên dưới.
API Chia sẻ web
Nếu muốn người dùng có thể dễ dàng chia sẻ nội dung của bạn trên mạng xã hội yêu thích của họ, bạn cần tích hợp các nút chia sẻ vào trang web của mình cho từng mạng xã hội. Điều này làm tăng kích thước trang, không phải lúc nào cũng phù hợp với giao diện người dùng và có nghĩa là bạn cần đưa mã từ một trang web bên thứ ba vào.
Web Share API hiện có trên Chrome cho Android cho phép bạn gọi các tính năng chia sẻ gốc của thiết bị người dùng, cho phép người dùng dễ dàng chia sẻ văn bản hoặc đường liên kết với bất kỳ ứng dụng gốc nào đã cài đặt!
Trong một bản phát hành trong tương lai, API này cũng có thể chia sẻ với các ứng dụng web đã cài đặt.
Để sử dụng tính năng này, bạn chỉ cần gọi navigator.share với thông tin chi tiết về trang bạn muốn chia sẻ. Hệ thống sẽ xử lý phần còn lại.
navigator.share({
title: document.title, text: 'Hello',
url: window.location.href
}).then(() => {
console.log('Successful share');
});
Hãy xem bài viết Nội dung cập nhật về API WebShare của Paul để biết thông tin chi tiết đầy đủ và một số phương pháp hay nhất mà bạn nên áp dụng.
WebUSB
Hầu hết các thiết bị ngoại vi phần cứng như bàn phím, chuột, máy in và tay điều khiển trò chơi đều được các API nền tảng web cấp cao hỗ trợ. Tuy nhiên, việc sử dụng các thiết bị USB chuyên biệt về giáo dục, khoa học, công nghiệp hoặc các thiết bị USB khác trong trình duyệt đã gặp khó khăn, thường yêu cầu trình điều khiển chuyên biệt.
Chrome hiện hỗ trợ API WebUSB, cho phép các ứng dụng web giao tiếp với thiết bị USB sau khi người dùng đồng ý. Để tìm hiểu thêm về các vấn đề cần cân nhắc về bảo mật và quyền riêng tư cũng như cách giải quyết các vấn đề này, hãy xem thông số kỹ thuật WebUSB.
Sau đó, khi bạn đã sẵn sàng tìm hiểu sâu hơn, hãy xem bài đăng trên WebUSB của Francois về các bản cập nhật.
Và nhiều tính năng khác!
- Giờ đây, bạn có thể chỉ định độ mượt của thao tác cuộn bằng thuộc tính CSS
scroll-behavior. - Giá trị màu hex của CSS hiện có thể chỉ định độ trong suốt alpha bằng cách thêm chữ số vào cuối chuỗi.
- Bạn có thể truy cập vào các vị trí tương đối của nội dung màn hình bằng Visual Viewport API, hiển thị chức năng phức tạp như chụm và thu phóng theo cách trực tiếp hơn.
Đây chỉ là một vài thay đổi trong Chrome 61 dành cho nhà phát triển.
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 62 đượ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!