- Chrome 61 hiện hỗ trợ sẵn các mô-đun JavaScript, hợp nhất cách viết JavaScript theo mô-đun.
- Giờ đây, bạn có thể dùng
navigator.shaređể kích hoạt hộp thoại chia sẻ gốc trên Android. - WebUSB API đã ra mắt, cho phép các ứng dụng web truy cập vào thiết bị USB được người dùng cho phép.
- Và nhiều tính năng khác!
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 chi tiết và xem 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">. Điều đó giúp Chrome có thể tìm nạp song song các phần phụ thuộc chi tiết, tận dụng khả 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 đúng thứ tự.
<script type="module">
import {addText} from './utils.js';
addText('Modules are pretty cool.');
</script>
Hệ thống mô-đun đã chuẩn hoá này thống nhất cách viết và vận chuyển JavaScript mô-đun đến các trình duyệt web. Trong tương lai, hệ thống tương tự sẽ có sẵn trong Nút, giúp bạn viết và triển khai JavaScript đẳng hướng dễ dàng hơn.
Bạn có thể tìm hiểu thêm về các mô-đun và khía cạnh của JavaScript chịu ảnh hưởng của các 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, 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. Tuỳ chọn này làm cho trang của bạn trở nên cồng kềnh hơn, 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 bao gồm mã từ một trang web của bên thứ ba.
API Chia sẻ web, hiện có trên Chrome dành cho Android, cho phép bạn gọi các khả năng chia sẻ gốc của thiết bị của 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 đã cài đặt nào!
Trong bản phát hành sau này, API này cũng có thể chia sẻ với các ứng dụng web đã cài đặt.
Để sử dụng công cụ 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 Cập nhật về API WebShare của Paul để biết toàn bộ thông tin chi tiết và một số phương pháp hay nhất mà bạn nên làm theo.
WebUSB
Hầu hết các thiết bị ngoại vi phần cứng (chẳng hạn như bàn phím, chuột, máy in và tay điều khiển trò chơi) đều đượ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 dụng cho mục đích 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 là không hề dễ dàng, thường đòi hỏi phải có các trình điều khiển chuyên dụng.
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.
Nếu 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ề nội dung cập nhật.
Và nhiều kiến thức khác!
- Giờ đây, bạn có thể chỉ định độ mượt của cuộn bằng thuộc tính CSS
scroll-behavior. - Các giá trị màu hex CSS hiện có thể chỉ định độ trong suốt alpha bằng cách thêm các 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 API Khung nhìn trực quan, 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 trong số những 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. 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 62 được phát hành, tôi sẽ sẵn sàng cho bạn biết -- những điểm mới trong Chrome!