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