Tiện ích là gì?

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

Tiện ích phải đáp ứng một mục đích duy nhất, được xác định rõ ràng và dễ hiểu. Một tiện ích duy nhất có thể bao gồm nhiều thành phần và một loạt 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 của một tiện ích trên thanh trình duyệt

Giao diện người dùng phải tối giản và có mục đích. Các tiện ích này có thể chỉ là một biểu tượng đơn giản, chẳng hạn như tiện ích Google Mail Checker như minh hoạ ở trên, hoặc ghi đè toàn bộ trang.

Các tệp tiện ích đượ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 có 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.

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

Tiện ích Hello

Hãy bắt đầu tìm hiểu về tiện ích bằng ví dụ Hello Extensions đơn giản 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à 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 cần có một tệp kê khai, mặc dù hầu hết các tiện ích sẽ không làm được nhiều chỉ với tệp kê khai. Để bắt đầu nhanh, tiện ích này có một tệp và biểu tượng bật lên đượ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 hello_extensions.png xuống tại đây rồi tạo một tệp có tên là hello.html:

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

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

{
  "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 trên máy cục bộ.

  1. Truy cập vào 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 trình đơn Chrome ở phía trên cùng bên phải của Omnibox, di chuột qua Công cụ khác rồi chọn Tiện ích.
  2. Đánh dấu vào 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 chưa đóng gói) rồi 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_extensions.png hoặc 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 phần Tổng quan
  3. Luôn cập nhật thông tin bằng cách đọc blog của Chromium
  4. Đăng ký tham gia nhóm chromium-extensions