Một cách mới để bắt đầu hành trình phát triển Tiện ích của Chrome

Amy Steam
Amy Steam

Trong bài đăng này, chúng tôi rất vui được chia sẻ một số cải tiến quan trọng đối với trải nghiệm bắt đầu sử dụng Tiện ích của Chrome và một số cách để bạn có thể biến ước mơ này thành một phần của giấc mơ này.

Hướng dẫn cũ

Trước đây, hướng dẫn Bắt đầu tiện ích của Chrome là một ví dụ về tiện ích cơ bản, giúp thay đổi màu nền của trang hiện tại khi người dùng nhấp vào một nút trong cửa sổ bật lên của tiện ích. Trong đó cũng có một trang tuỳ chọn cho phép bạn chọn một trong 4 màu.

Ví dụ cơ bản này không minh hoạ cách thêm các tính năng phổ biến được làm nổi bật trong các tiện ích thực tế. Đó là thời điểm để cải tổ.

Cách tiếp cận mới

Chúng tôi hiểu rằng các nhà phát triển dựa vào tài liệu của chúng tôi để bắt đầu hành trình tìm hiểu tiện ích của Chrome. Mục tiêu của chúng tôi là cung cấp một lộ trình dễ tiếp cận, phù hợp với người mới bắt đầu và phù hợp. Thay vì cố gắng cải thiện ví dụ về hướng dẫn hiện có, chúng tôi quyết định bắt đầu từ đầu.

Giới thiệu bộ sưu tập Bắt đầu mới và cải tiến:

Tiện ích 101
Trình bày ngắn gọn một số khái niệm cơ bản trong quá trình phát triển Tiện ích của Chrome như công nghệ web và các thành phần tiện ích thường dùng. Ngoài ra, hướng dẫn này còn bao gồm những điều cần lưu ý khi thiết kế và phân phối tiện ích trong Cửa hàng Chrome trực tuyến.
Kiến thức cơ bản về quy trình phát triển
Giới thiệu quy trình phát triển tiện ích bằng cách tạo ví dụ Hello, Extensions (Xin chào, tiện ích). Hướng dẫn này sẽ hướng dẫn bạn cách tải tiện ích trong quá trình phát triển, tìm nhật ký và lỗi, chọn cấu trúc dự án và sử dụng Typescript.
Hướng dẫn về thời gian đọc
Thật tuyệt khi biết chúng ta cần bao nhiêu thời gian để đọc xong một bài viết. Tính năng Thời gian đọc hướng dẫn bạn cách chèn một phần tử chứa thời gian đọc ước tính trên mọi trang tài liệu về tiện ích.
Hướng dẫn về Chế độ tập trung
Việc xoá những nội dung lộn xộn khỏi một trang giúp trí óc của chúng ta tập trung vào những thông tin phù hợp nhất. Chế độ tập trung minh hoạ cách thay đổi kiểu của trang và ẩn một vài yếu tố gây mất tập trung.
Hướng dẫn về Trình quản lý thẻ
Trong quá trình tìm hiểu cách phát triển phần mở rộng, bạn có thể thấy nhiều thẻ tài liệu trên nhiều cửa sổ. Trình quản lý thẻ sắp xếp các thẻ tài liệu trong Cửa hàng Chrome trực tuyến và tiện ích của Chrome.

Những hướng dẫn này không chỉ chỉ cho bạn cách xây dựng các tiện ích thực tế mà còn chia sẻ các mẹo phát triển và các phương pháp hay nhất. Ngoài ra, việc sử dụng các tiện ích này sẽ cải thiện trải nghiệm của bạn khi đọc tài liệu về tiện ích.

Quy trình

Mỗi hướng dẫn bao gồm các phần sau:

  • Tác vụ mà tiện ích sẽ thực hiện.
  • Những bài học sẽ được đề cập.
  • Những điều bạn cần biết trước khi bắt đầu.
  • Hướng dẫn từng bước để tạo tiện ích.
  • Cách tải và thử nghiệm tiện ích.

Nếu bạn muốn thử thách bản thân, chúng tôi đã đưa vào một phần với một vài ý tưởng về cách tuỳ chỉnh hoặc thêm các tính năng khác vào tiện ích của bạn.

Chúng tôi muốn bạn trợ giúp

Chúng tôi rất vui khi được nghe ý kiến của bạn! Nếu bạn thấy có điều gì đó sai hoặc không rõ ràng trong các hướng dẫn này, vui lòng báo cáo lỗi trên kho lưu trữ GitHub.

Chúng tôi cho rằng hướng dẫn dành cho người mới bắt đầu này là một cải tiến đáng kể so với hướng dẫn cũ, nhưng chúng tôi sẽ không dừng lại ở đây; chúng tôi sẽ tiếp tục cải tiến và mở rộng tài liệu của mình để phục vụ tất cả các nhà phát triển tiện ích một cách tốt hơn.


Ảnh chụp của Vardan Papikyan trên Unsplash