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. Chúng 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 sở thích cá nhân. Chúng được xây dựng trên web như HTML, JavaScript và CSS.

Mỗi tiện ích phải thực hiện một mục đích được xác định trong phạm vi hẹp và dễ hiểu. Đáp 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ứ đóng góp vào mục đích chung.

Ảnh chụp màn hình biểu tượng của một 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ể là một biểu tượng đơn giản, chẳng hạn như Google Tiện ích Trình kiểm tra thư hiển thị ở trên để ghi đè toàn bộ trang.

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

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 Chrome Cửa hàng 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.

Tiện ích Hello

Hãy thực hiện một bước nhỏ để sử dụng các tiện ích qua ví dụ ngắn gọn này về Tiện ích Hello. Bắt đầu bằng cách tạo một để 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à thê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 các tiện ích sẽ không thực hiện được nhiều việc chỉ với tệp kê khai. Để bắt đầu nhanh, tiện ích này có 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 vào trong 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. Hãy chuyển đến chrome://extensions trong trình duyệt. Bạn cũng có thể truy cập vào trang này bằng cách nhấp vào menu Chrome ở phía trên cùng bên phải của Thanh địa chỉ, di chuột qua 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 đã giải nén) rồi chọn thư mục cho "Hello Extensions" của bạn 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.

Ðiều gì kế tiếp?

  1. Làm theo Hướng dẫn bắt đầu sử dụng
  2. Đọc bài viết Tổng quan
  3. Cập nhật bằng cách đọc blog Chromium
  4. Đăng ký nhóm tiện ích chrome