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

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

Pete LePage

Twitter GitHub Sự cố Bảng tin Trang chủ

Chrome 78 vừa ra mắt!

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 78!

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

Biến CSS, về mặt kỹ thuật được gọi là thuộc tính tùy chỉnh, thật tuyệt vời. Chúng 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 CSS. Tuy nhiên, thuộc tính tuỳ chỉnh không chỉ đơn giản là một tìm kiếm và thay thế.

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

Nếu bạn đã sử dụng biến cho một màu sắc nhưng chỉ định URL làm giá trị, thì quy tắc sẽ tự động bị loại bỏ. Với API Thuộc tính và Giá trị 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ư việc 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 (nếu thuộc tính được kế thừa) và là giá trị ban đầu.

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

Hãy xem bài viết Các thuộc tính 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 đầy đủ thông tin chi tiết.

Nhân viên mới cung cấp dịch vụ

Quy trình kiểm tra byte theo byte cho các tập lệnh trình chạy dịch vụ do importScripts() nhập. Trước đây, cách duy nhất để buộc một trình chạy 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 đối với 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 quy trình cập nhật trình chạy dịch vụ đầy đủ. Điều này sẽ giúp Chrome tuân thủ các thông số kỹ thuật và phù hợp với các chức năng của Firefox và Safari.

Theo mặc định, Jeff có tất cả thông tin chi tiết trong trình chạy dịch vụ mới hơn, bao gồm một số điều quan trọng cần biết về cách bộ nhớ đệm HTTP ảnh hưở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 cho chúng tôi cơ hộ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 quá trình 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 cờ, nhưng 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.

Việc chọn sử dụng bản dùng thử theo nguyên gốc cho phép bạn tạo các bản minh hoạ và nguyên mẫu mà người dùng đang kiểm thử beta có thể dùng trong suốt thời gian dùng thử mà không yêu cầu họ lậ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 bản dùng thử theo nguyên gốc đang hoạt động và đăng ký dùng các bản dùng đó trên trang Bản dùng thử 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 thông qua Chrome 80.

Native File System API (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 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 vào ứng dụng web, API này sẽ cho phép các ứ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 thực sự hào hứng với tất cả những 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 sử dụng nữa. Hãy xem bài đăng của tôi về Hệ thống tệp gốc để biết toàn bộ thông tin chi tiết, bao gồm cả mã, bản minh hoạ và những nỗ lực của chúng tôi để giữ an toàn cho người dùng.

Bộ nhận SMS

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

API Trình nhận SMS hiện có bản dùng thử theo nguyên gốc, cho phép ứng dụng web nhận tin nhắn SMS có định dạng đặc biệt dành cho nguồn gốc của ứng dụng. Nhờ vậy, bạn có thể lập trình để nhận OTP từ tin nhắn SMS và xác minh số điện thoại của 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 API Trình nhận SMS, trong đó cung cấp tất cả thông tin chi tiết và cách đăng ký dùng thử theo nguyên gốc.

Hội nghị Chrome cho nhà phát triển năm 2019

Đừng quên theo dõi Hội nghị Nhà phát triển Chrome vào ngày 11 và 12 tháng 11. Sự kiện 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

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

Bạn muốn luôn cập nhật video của chúng tôi, 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 bất cứ khi nào 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 và ngay sau khi Chrome 79 đượ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!