Tiện ích mở rộng là gì?

Tiện ích là các chương trình phần mềm nhỏ giúp tuỳ chỉnh trải nghiệm duyệt web. Các API này cho phép người dùng điều chỉnh chức năng và hành vi của Chrome theo nhu cầu hoặc lựa chọn ưu tiên của từng cá nhân. Quảng cáo này được xây dựng dựa trên các công nghệ web như HTML, JavaScript và CSS.

Mỗi tiện ích phải đáp ứng một mục đích duy nhất, có định nghĩa hẹp và dễ hiểu. Một tiện ích có thể bao gồm nhiều thành phần và nhiều chức năng, miễn là mọi thứ đều đóng góp cho một mục đích chung.

Ảnh chụp màn hình biểu tượng tiện ích trên thanh trình duyệt

Giao diện người dùng phải ở mức tối thiểu và có ý định. Chúng có thể bao gồm từ một biểu tượng đơn giản, chẳng hạn như tiện ích Trình kiểm tra thư của Google hiển thị ở trên, đến ghi đè toàn bộ trang.

Các tệp mở rộng được nén thành một gói .crx duy nhất mà người dùng tải xuống và cài đặt. Điều này nghĩa là các tiện ích không phụ thuộc vào nội dung trên web, không giống như các ứng dụng web thông thường.

Các tiện ích được phân phối thông qua Trang tổng quan dành cho nhà phát triển Chrome và được phát hành lên Cửa hàng Chrome trực tuyến. Để biết thêm thông tin, hãy xem tài liệu dành cho nhà phát triển cửa hàng.

Xin chào các tiện ích

Thực hiện một bước nhỏ về tiện ích với ví dụ nhanh về Tiện ích Hello này. Bắt đầu bằng cách tạo một thư mục mới để lưu trữ các tệp của tiện ích hoặc tải các tệp đó xuống từ trang mẫu.

Tiếp theo, hãy thêm một tệp có tên là manifest.json và bao gồm đoạn mã sau:

{
  "name": "Hello Extensions",
  "description" : "Base Level Extension",
  "version": "1.0",
  "manifest_version": 2
}

Mỗi tiện ích đều yêu cầu một tệp kê khai, mặc dù hầu hết tiện ích sẽ không làm được gì nhiều chỉ với tệp kê khai. Để bắt đầu nhanh này, tiện ích có một tệp bật lên và biểu tượng được khai báo trong trường browser_action:

{
  "name": "Hello Extensions",
  "description" : "Base Level Extension",
  "version": "1.0",
  "manifest_version": 2,
  "browser_action": {
    "default_popup": "hello.html",
    "default_icon": "hello_extensions.png"
  }
}

Tải xuống hello_extensions.png tại đây rồi tạo một tệp có tiêu đề hello.html:

<html>
  <body>
    <h1>Hello Extensions</h1>
  </body>
</html>

Giờ đây, tiện ích này sẽ hiển thị hello.html khi người dùng nhấp vào biểu tượng. Bước tiếp theo là đưa một lệnh vào manifest.json để bật phím tắt. Bước này thú vị, nhưng không cần thiết:

{
  "name": "Hello Extensions",
  "description" : "Base Level Extension",
  "version": "1.0",
  "manifest_version": 2,
  "browser_action": {
    "default_popup": "hello.html",
    "default_icon": "hello_extensions.png"
  },
  "commands": {
    "_execute_browser_action": {
      "suggested_key": {
        "default": "Ctrl+Shift+F",
        "mac": "MacCtrl+Shift+F"
      },
      "description": "Opens hello.html"
    }
  }
}

Bước cuối cùng là cài đặt tiện ích này trên máy cục bộ của bạn.

  1. Chuyển đến chrome://extensions trong trình duyệt. Bạn cũng có thể truy cập trang này bằng cách nhấp vào trình đơn Chrome ở trên cùng bên phải của Thanh địa chỉ, di chuột lên mục Công cụ khác rồi chọn Tiện ích.
  2. Chọn hộp bên cạnh Chế độ nhà phát triển.
  3. Nhấp vào Load Unpacked Extension (Tải tiện ích mở rộng) và chọn thư mục cho tiện ích "Hello Extensions" (Xin chào tiện ích).

Xin chúc mừng! Giờ đây, bạn có thể sử dụng tiện ích dựa trên cửa sổ bật lên bằng cách nhấp vào biểu tượng hello_world.png hoặc bằng cách nhấn Ctrl+Shift+F trên bàn phím.

Tiếp theo sẽ là gì?

  1. Làm theo hướng dẫn Bắt đầu sử dụng
  2. Đọc Tổng quan
  3. Cập nhật thông tin bằng cách đọc blog Chromium
  4. Đăng ký nhóm chrome-extensions