Trang này được dịch bởi Cloud Translation API.

Tính năng mới trong Chrome 78

Pete LePage

Chrome 78 hiện đã ra mắt!

Tôi là Pete LePage. Hãy cùng tìm hiểu những điểm mới dành cho nhà phát triển trong Chrome 78!

API Thuộc tính và Giá trị CSS

Biến CSS (còn gọi là thuộc tính tuỳ chỉnh) rất tuyệt vời. Các thuộc tính này cho phép bạn xác định và sử dụng các thuộc tính của riêng mình trong toàn bộ CSS. Tuy nhiên, thuộc tính tuỳ chỉnh không chỉ tìm kiếm và thay thế đơn giản.

html {
  --my-color: green;
}
.thing {
  color: var(--my-color);
}

Nếu bạn sử dụng một biến cho màu sắc, nhưng chỉ định URL làm giá trị, thì quy tắc sẽ bị loại bỏ một cách thầm lặng. Với API Giá trị và thuộc tính CSS, bạn có thể xác định loại và giá trị dự phòng mặc định cho các thuộc tính tuỳ chỉnh.

html {
  --my-color: url(‘not-a-color'); // Oops, not a color!
}
.thing {
  color: var(--my-color);
}

Việc đăng ký một thuộc tính cũng dễ dàng như gọi window.CSS.registerProperty() và cung cấp tên của thuộc tính mà bạn đang xác định loại thuộc tính, liệu thuộc tính đó có kế thừa hay không và giá trị ban đầu của thuộc tính đó.

window.CSS.registerProperty({
  name: '--my-color',
  syntax: '<color>',
  inherits: false,
  initialValue: 'black',
});

Hãy xem bài viết Tính năng tuỳ chỉnh thông minh hơn với API mới của Houdini của Sam Richard trên web.dev để biết toàn bộ thông tin chi tiết.

Trình chạy dịch vụ mới hơn

Giờ đây, các hoạt động kiểm tra byte-for-byte (byte-by-byte) sẽ được thực hiện cho các tập lệnh của trình chạy dịch vụ do importScripts() nhập. Trước đây, cách duy nhất để buộc worker dịch vụ đã cài đặt nhận các thay đổi đối với tập lệnh đã nhập là thay đổi URL của tập lệnh đã nhập, thường là bằng cách thêm giá trị semver hoặc hàm băm vào URL.

importScripts('https://example.com/v1.1.0/index.js');
importScripts('https://example.com/index.abcd1234.js');

Kể từ Chrome 78, mỗi lần kiểm tra bản cập nhật cho một tệp trình chạy dịch vụ cấp cao nhất, Chrome cũng sẽ kiểm tra xem nội dung của mọi tập lệnh đã nhập có thay đổi hay không. Nếu có, thao tác này sẽ kích hoạt toàn bộ quy trình cập nhật worker dịch vụ. Điều này giúp Chrome tuân thủ thông số kỹ thuật và phù hợp với tính năng của Firefox và Safari.

Jeff có tất cả thông tin chi tiết trong Trình chạy dịch vụ mới hơn, theo mặc định, bao gồm một số điều quan trọng cần biết về cách bộ nhớ đệm HTTP tác động đến chu kỳ cập nhật.

Bản dùng thử theo nguyên gốc mới

Bản dùng thử theo nguyên gốc mang đến cơ hội để chúng tôi xác thực các tính năng và API thử nghiệm, đồng thời giúp bạn có thể đưa ra ý kiến phản hồi về khả năng hữu dụng và hiệu quả của chúng trong việc triển khai rộng rãi hơn.

Các tính năng thử nghiệm thường chỉ hoạt động sau một cờ. Tuy nhiên, khi chúng tôi cung cấp Bản dùng thử theo nguyên gốc cho một tính năng, bạn có thể đăng ký bản dùng thử theo nguyên gốc đó để bật tính năng này cho tất cả người dùng trên nguồn gốc của bạn.

Khi chọn sử dụng bản dùng thử theo nguồn gốc, bạn có thể tạo bản minh hoạ và nguyên mẫu mà người dùng thử nghiệm beta có thể dùng thử trong thời gian dùng thử mà không cần bật bất kỳ cờ đặc biệt nào trong Chrome.

Bạn có thể xem thêm thông tin về bản dùng thử theo nguyên gốc trong Hướng dẫn về bản dùng thử theo nguyên gốc dành cho nhà phát triển web. Bạn có thể xem danh sách các thử nghiệm theo nguyên gốc đang hoạt động và đăng ký tham gia các thử nghiệm đó trên trang Thử nghiệm theo nguyên gốc của Chrome.

Hệ thống tệp gốc

Bản dùng thử theo nguyên gốc cho API hệ thống tệp gốc bắt đầu trong Chrome 78 và dự kiến sẽ chạy trong Chrome 80.

API Hệ thống tệp gốc cho phép nhà phát triển xây dựng các ứng dụng web mạnh mẽ tương tác với các tệp trên thiết bị cục bộ của người dùng. Sau khi người dùng cấp quyền truy cập cho ứng dụng web, API này cho phép ứng dụng web đọc hoặc lưu trực tiếp các thay đổi vào tệp và thư mục trên thiết bị của người dùng.

Tôi rất hào hứng với tất cả trải nghiệm mới mà tính năng này mang lại, không còn phải "tải lên" hoặc "tải xuống" các tệp mà tôi muốn xử lý nữa. Hãy xem bài đăng của tôi về Hệ thống tệp gốc để biết tất cả thông tin chi tiết, bao gồm cả mã, bản minh hoạ và cách chúng tôi đang nỗ lực để đảm bảo an toàn cho người dùng.

Bộ nhận tin nhắn SMS

Bản dùng thử theo nguyên gốc cho SMS Receiver API bắt đầu trong Chrome 78 và dự kiến sẽ chạy qua Chrome 80.

SMS Nhận API (hiện được cung cấp dưới dạng bản dùng thử theo nguyên gốc) cho phép ứng dụng web của bạn nhận các tin nhắn SMS có định dạng đặc biệt cho nguồn gốc của ứng dụng. Từ đó, bạn có thể lấy mã OTP từ tin nhắn SMS theo phương thức lập trình và xác minh số điện thoại cho người dùng dễ dàng hơn.

Eiji đã viết bài viết Xác minh số điện thoại trên web bằng SMS Receiver API với tất cả thông tin chi tiết và cách đăng ký dùng thử phiên bản gốc.

Chrome Dev Summit 2019

Đừng quên theo dõi Hội nghị Chrome Dev vào ngày 11 và 12 tháng 11. Hội nghị này sẽ được phát trực tiếp trên Kênh YouTube dành cho nhà phát triển Chrome.

Tài liệu đọc thêm

Bài viết này chỉ đề cập đến một số điểm nổi bật chính. Hãy xem các đường liên kết bên dưới để biết thêm các thay đổi trong Chrome 78.

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 và 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 hoặc thêm nguồn cấp dữ liệu RSS vào trình đọc nguồn cấp dữ liệu của bạn.

Tôi là Pete LePage. Ngay khi Chrome 79 đượ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!