Đây là danh mục các phần tử giao diện người dùng có trong các tiện ích. Mỗi mục nhập chứa:
- Hình ảnh của phần tử (nếu có).
- Nội dung mô tả về mục đích của tính năng này.
- Các phần tử giao diện có liên quan (nếu có).
- Đường liên kết đến hướng dẫn triển khai và mã mẫu.
Đây là những cách khác nhau để gọi các tính năng của tiện ích. Bạn không bắt buộc phải triển khai tất cả các tính năng này. Trên thực tế, một số trường hợp sử dụng có thể không dùng đến bất kỳ trường hợp nào trong số này. Ví dụ: một trình rút gọn đường liên kết có thể hoạt động trên URL được hiển thị bằng phím tắt và đưa đường liên kết rút gọn vào bảng nhớ tạm theo phương thức lập trình.
Thao tác
Hành động là những gì xảy ra khi người dùng nhấp vào biểu tượng hành động cho tiện ích của bạn. Một thao tác có thể gọi một tính năng của tiện ích bằng Action API hoặc mở một cửa sổ bật lên cho phép người dùng gọi nhiều tính năng của tiện ích. Cho người dùng biết hành động này làm gì bằng cách sử dụng chú giải công cụ.
Để tìm hiểu cách tạo một thao tác, hãy xem bài viết Triển khai một thao tác hoặc xem xét các mẫu thao tác.
Biểu tượng hành động
Một tiện ích cần có ít nhất một biểu tượng để đại diện. Người dùng nhấp vào biểu tượng để gọi một hành động, cho dù hành động đó gọi một tính năng mở rộng bằng Action API hay mở một cửa sổ bật lên.
Bạn cũng có thể thêm nhãn (ở đây gọi là "huy hiệu") vào biểu tượng để truyền đạt những thông tin như trạng thái của tiện ích hoặc việc người dùng cần thực hiện hành động.
Để tìm hiểu cách tạo một thao tác, hãy xem bài viết Triển khai một thao tác hoặc xem xét các mẫu thao tác.
Huy hiệu
Huy hiệu là những đoạn văn bản được định dạng, đặt ở trên cùng của biểu tượng thao tác để cho biết những thông tin như trạng thái của tiện ích hoặc việc người dùng phải thực hiện thao tác. Bạn có thể đặt văn bản của huy hiệu bằng cách gọi chrome.action.setBadgeText() và màu biểu ngữ bằng cách gọi chrome.action.setBadgeBackgroundColor().
Để tìm hiểu cách tạo một thao tác, hãy xem bài viết Triển khai một thao tác hoặc mẫu Uống nước.
Lệnh
Lệnh là tổ hợp phím gọi một tính năng của tiện ích. Xác định các tổ hợp phím trong tệp manifest.json và phản hồi các tổ hợp phím đó bằng Commands API.
Để tìm hiểu cách triển khai một lệnh, hãy xem tài liệu tham khảo về API hoặc mẫu chrome.commands.
Trình đơn theo bối cảnh
Trình đơn theo bối cảnh sẽ xuất hiện khi bạn nhấp chuột thay thế (thường gọi là nhấp chuột phải). Xác định trình đơn theo bối cảnh bằng Context Menus API.
Để tìm hiểu cách triển khai trình đơn theo bối cảnh, hãy xem các mẫu trình đơn theo bối cảnh.
Thanh địa chỉ
Bạn có thể tương tác với người dùng bằng hộp nhiều mục đích của Chrome. Khi người dùng nhập từ khoá do tiện ích xác định vào hộp đa năng, tiện ích của bạn sẽ kiểm soát nội dung mà người dùng nhìn thấy trong hộp đa năng. Xác định từ khoá trong manifest.json và phản hồi các từ khoá đó bằng Omnibox API.
Để tìm hiểu cách ghi đè thanh địa chỉ, hãy xem phần Kích hoạt các thao tác từ thanh địa chỉ hoặc mẫu tài liệu tham khảo nhanh về API.
Ghi đè các trang
Tiện ích có thể ghi đè một trong những trang Chrome tích hợp sẵn sau đây:
- Cập nhật trước đây
- Thẻ mới
- Dấu trang
Để tìm hiểu cách ghi đè các trang Chrome, hãy xem phần Ghi đè các trang Chrome hoặc mẫu ghi đè.
Cửa sổ bật lên
Cửa sổ bật lên là một hành động hiển thị một cửa sổ cho phép người dùng gọi nhiều tính năng của tiện ích. Cửa sổ bật lên có thể mở ra nếu người dùng nhấp vào biểu tượng thao tác, thông qua một phím tắt hoặc bằng cách gọi chrome.action.openPopup().
Để tìm hiểu cách tạo cửa sổ bật lên, hãy xem phần Thêm cửa sổ bật lên. Bạn cũng có thể tải một bước thông qua một trong các mẫu hành động.
Bảng điều khiển bên
Bảng điều khiển bên cho phép người dùng gọi các tính năng của tiện ích cùng với các trang web (xem hình ảnh). Bảng điều khiển bên có thể gắn vào một thẻ hoặc toàn bộ cửa sổ. Bảng điều khiển bên được kiểm soát bằng Side Panel API.
Để tìm hiểu cách tạo bảng điều khiển bên, hãy xem các trường hợp sử dụng bảng điều khiển bên hoặc xem xét các mẫu bảng điều khiển bên.
Chú thích
Chú giải công cụ là một cách để cho biết hành động của tiện ích sẽ làm gì khi người dùng di chuột lên biểu tượng hành động. Theo mặc định, chú thích sẽ hiển thị tên của tiện ích.
Để tìm hiểu cách thêm chú thích, hãy sử dụng thành phần "default_title" của khoá "action" trong tệp kê khai.
Công cụ cho nhà phát triển
Bạn có thể thêm các bảng điều khiển tuỳ chỉnh (thẻ trong Công cụ cho nhà phát triển) vào Công cụ cho nhà phát triển bằng cách sử dụng API Bảng điều khiển của Công cụ cho nhà phát triển. Các API khác của Công cụ dành cho nhà phát triển cho phép bạn theo dõi các cửa sổ và lưu lượng truy cập mạng. Bạn cũng có thể tuỳ chỉnh bảng điều khiển trình ghi của Công cụ cho nhà phát triển. Bảng điều khiển Lighthouse của Công cụ cho nhà phát triển của Chrome bắt đầu hoạt động dưới dạng một tiện ích của Công cụ cho nhà phát triển.
Thông báo
Đăng thông báo vào khay hệ thống của người dùng bằng Notifications API của tiện ích hoặc Notifications API của nền tảng web.
Để tìm hiểu cách sử dụng thông báo, hãy xem phần Thông báo cho người dùng.
Giao diện
Giao diện là một loại tiện ích đặc biệt giúp thay đổi giao diện của trình duyệt. Giao diện được đóng gói như các tiện ích thông thường, nhưng không chứa mã JavaScript hoặc HTML.
Để tìm hiểu cách tạo giao diện, hãy xem phần Giao diện là gì?.
Các cách khác để tương tác với người dùng
Phần này mô tả những cách khác mà tiện ích của bạn có thể tương tác với người dùng. Mặc dù không thực sự cần thiết cho một tiện ích cơ bản, nhưng chúng có thể là những phần quan trọng trong tiện ích của bạn. Đối với nhiều người dùng, một số tính năng trong số này là hoàn toàn cần thiết để sử dụng tiện ích.
Hỗ trợ tiếp cận
Đối với nhiều người dùng, khả năng hỗ trợ tiếp cận chính là giao diện người dùng và các tính năng của giao diện này thường có thể hữu ích cho những người không cần khả năng hỗ trợ tiếp cận làm phương tiện chính để tương tác với tiện ích của bạn. Tìm hiểu những điều cơ bản về cách giúp người dùng truy cập vào tiện ích của bạn.
Quốc tế hoá
Tiếp cận người dùng bằng ngôn ngữ của họ. Tìm hiểu cách quốc tế hoá giao diện.