Phát triển
Sau khi đọc phần Bắt đầu, hãy sử dụng hướng dẫn này dưới dạng giới thiệu về các thành phần tiện ích, chức năng của các thành phần này trong Manifest V3 và cách kết hợp các thành phần đó. Trước tiên, hãy tự làm quen với những tiện ích mở rộng có khả năng: Sau đó, hãy tìm hiểu cách kết hợp các tính năng này thông qua phần khái niệm chính của các phần mở rộng.
Thiết kế giao diện người dùng
Hầu hết các tiện ích cần tương tác với người dùng để hoạt động. Nền tảng tiện ích cung cấp nhiều cách để thêm lượt tương tác vào tiện ích của bạn. Những phương thức này bao gồm cửa sổ bật lên được kích hoạt từ thanh công cụ của Chrome, bảng điều khiển bên, trình đơn theo bối cảnh, v.v.
Bảng điều khiển bên
Sử dụng API
chrome.sidePanel
để lưu trữ nội dung trong bảng điều khiển bên của trình duyệt cùng với nội dung chính của trang web.
Hành động
Kiểm soát việc hiển thị biểu tượng của tiện ích trên thanh công cụ.
Trình đơn
Thêm mục vào trình đơn theo bối cảnh của Google Chrome.
![](https://developer.chrome.google.cn/static/docs/extensions/develop/images/develop-ui-sidepanel.png?authuser=8&%3Bhl=vi&hl=vi)
Kiểm soát trình duyệt
API tiện ích của Chrome giúp bạn thay đổi cách trình duyệt hoạt động.
Ghi đè các trang và chế độ cài đặt trên Chrome
Ghi đè chế độ cài đặt là một cách để tiện ích ghi đè các chế độ cài đặt đã chọn của Chrome. Ngoài ra, các tiện ích có thể sử dụng ghi đè các trang HTML để thay thế một trang mà Google Chrome thường cung cấp. Tiện ích có thể ghi đè trình quản lý dấu trang, thẻ nhật ký hoặc thẻ mới.
Mở rộng Công cụ cho nhà phát triển
Tiện ích Công cụ cho nhà phát triển thêm chức năng vào Công cụ của Chrome cho nhà phát triển bằng cách truy cập vào các API tiện ích dành riêng cho Công cụ cho nhà phát triển thông qua trang Công cụ cho nhà phát triển được thêm vào tiện ích. Bạn cũng có thể dùng API
chrome.debugger
để gọi giao thức gỡ lỗi từ xa của Chrome. Đính kèm vào một hoặc nhiều thẻ để đo lường tương tác mạng, gỡ lỗi JavaScript, thay đổi DOM, v.v.
Hiện thông báo
API
chrome.notifications
cho phép bạn tạo thông báo bằng các mẫu và hiển thị những thông báo này với người dùng trong khay hệ thống của người dùng.
Quản lý lịch sử
Sử dụng API
chrome.history
để tương tác với bản ghi của trình duyệt về các trang đã truy cập và API chrome.browsingData
để quản lý dữ liệu duyệt web khác. Sử dụng chrome.topSites
để truy cập các trang web được truy cập nhiều nhất.
Kiểm soát thẻ và cửa sổ
Sử dụng các API như
chrome.tabs
, chrome.tabGroups
và chrome.windows
để tạo, sửa đổi và sắp xếp trình duyệt của người dùng.
Thêm phím tắt
Sử dụng API
chrome.commands
để thêm phím tắt kích hoạt các thao tác trong tiện ích. Ví dụ: bạn có thể thêm lối tắt để mở thao tác của trình duyệt hoặc gửi lệnh đến tiện ích.
Xác thực người dùng
Sử dụng API
chrome.identity
để nhận mã truy cập OAuth 2.0.
Quản lý tiện ích
API
chrome.management
cung cấp các cách để quản lý danh sách các tiện ích đã được cài đặt và đang chạy. Việc này đặc biệt hữu ích cho các tiện ích ghi đè trang Thẻ mới tích hợp sẵn.
Đưa ra đề xuất
API
chrome.omnibox
cho phép bạn đăng ký từ khoá bằng thanh địa chỉ của Google Chrome (thanh địa chỉ).
Cập nhật chế độ cài đặt Chrome
Dùng API
chrome.privacy
để kiểm soát việc sử dụng các tính năng trong Chrome có thể ảnh hưởng đến quyền riêng tư của người dùng. Ngoài ra, hãy xem API chrome.proxy
để quản lý chế độ cài đặt proxy của Chrome.
Quản lý tài nguyên đã tải xuống
Dùng API
chrome.downloads
để bắt đầu, giám sát, thao tác và tìm kiếm tệp đã tải xuống theo phương thức lập trình.
Sử dụng dấu trang và danh sách đọc
Hãy sử dụng API
chrome.bookmarks
và API chrome.readingList
để tạo, sắp xếp và chỉnh sửa các danh sách này theo cách khác.
Kiểm soát web
Linh hoạt thay đổi nội dung và hoạt động của trang web. Bạn có thể kiểm soát và sửa đổi web bằng cách chèn tập lệnh, chặn các yêu cầu mạng và sử dụng API web để tương tác với các trang web.
Chèn JavaScript và CSS
Tập lệnh nội dung là các tệp chạy trong ngữ cảnh của các trang web. Chúng sử dụng Mô hình đối tượng tài liệu (DOM) chuẩn để đọc thông tin chi tiết về các trang web mà trình duyệt truy cập, thực hiện các thay đổi đối với các trang web và chuyển thông tin đến tiện ích chính của chúng.
Truy cập vào thẻ đang hoạt động
Quyền
"activeTab"
cấp cho một tiện ích quyền truy cập tạm thời vào thẻ hiện đang hoạt động khi người dùng gọi tiện ích, chẳng hạn như bằng cách nhấp vào thao tác của tiện ích. Quyền truy cập vào thẻ sẽ tồn tại trong khi người dùng đang ở trên trang đó và bị thu hồi khi người dùng rời khỏi hoặc đóng thẻ.
Kiểm soát yêu cầu web
Sử dụng các API
chrome.declarativeNetRequest
, chrome.webRequest
và chrome.webNavigation
để quan sát, chặn và sửa đổi các yêu cầu mạng.
Ghi âm và chụp ảnh màn hình
Tìm hiểu về các phương pháp ghi âm và quay video từ một thẻ, cửa sổ hoặc màn hình bằng các API nền tảng web như
chrome.tabCapture
hoặc getDisplayMedia()
.
Sửa đổi chế độ cài đặt trang web
Dùng API
chrome.contentSettings
để kiểm soát việc trang web có thể sử dụng các tính năng như cookie, JavaScript và trình bổ trợ hay không. Nói chung, cài đặt nội dung cho phép bạn tùy chỉnh hoạt động của Chrome trên cơ sở từng trang web thay vì trên toàn cầu.
Các khái niệm chính
Khi dùng các API tiện ích và nền tảng web, bạn có thể xây dựng các tính năng phức tạp hơn bằng cách kết hợp nhiều thành phần giao diện người dùng và các tính năng của nền tảng tiện ích.
Trình chạy dịch vụ
Trình chạy dịch vụ tiện ích (service-worker.js) là tập lệnh dựa trên sự kiện mà trình duyệt chạy ở chế độ nền. Tiện ích này thường được dùng để xử lý dữ liệu, điều phối các tác vụ trong các phần khác nhau của tiện ích và làm trình quản lý sự kiện của tiện ích.
Quyền
Tìm hiểu về quyền: cách hoạt động của quyền và thời điểm cần tránh yêu cầu cấp quyền khi không cần thiết.
Lọc nội dung
Có nhiều cách để triển khai tính năng lọc nội dung và mạng trong Tiện ích của Chrome. Tìm hiểu về khả năng lọc nội dung dành cho tiện ích cũng như các phương pháp lọc, kỹ thuật và API mà Tiện ích của Chrome có thể sử dụng.
Nhắn tin
Nhiều khi tập lệnh nội dung hoặc các trang tiện ích khác cần gửi hoặc nhận thông tin từ trình chạy dịch vụ tiện ích. Trong những trường hợp này, một trong hai bên có thể nghe tin nhắn được gửi từ đầu bên kia và trả lời trên cùng một kênh.
Nhắn tin bằng ứng dụng gốc
Bật tiện ích của bạn để trao đổi tin nhắn với các ứng dụng gốc.
Tránh sử dụng mã được lưu trữ từ xa
Trong Manifest V3, các tiện ích cần phải nhóm tất cả mã mà chúng đang sử dụng bên trong chính tiện ích đó. Có nhiều chiến lược để làm việc này.
Bộ nhớ
Tiện ích của Chrome có một API Bộ nhớ chuyên biệt, được cung cấp cho tất cả các thành phần tiện ích. API này bao gồm 4 khu vực lưu trữ riêng biệt cho các trường hợp sử dụng cụ thể và một trình nghe sự kiện theo dõi bất cứ khi nào dữ liệu được cập nhật.
Tài liệu ngoài màn hình
Service worker không có quyền truy cập DOM. API Ngoài màn hình cho phép tiện ích sử dụng API DOM trong tài liệu ẩn mà không làm gián đoạn trải nghiệm người dùng bằng cách mở cửa sổ hoặc thẻ mới.
Tách biệt nhiều nguồn gốc
Việc tách biệt nhiều nguồn gốc cho phép một trang web sử dụng các tính năng mạnh mẽ như
SharedArrayBuffer
. Một tiện ích có thể chọn sử dụng chế độ tách biệt nhiều nguồn gốc bằng cách chỉ định các giá trị thích hợp cho khoá tệp kê khai "cross_origin_embedder_policy"
và "cross_origin_opener_policy"
.