Hướng dẫn viết 1 số extension cho trình duyệt web Google Chrome

Ví dụ 1:
Viết 1 extension, khi vào Zing Realtime, click chuột phải lên trang thì có một menu item là "Lưu danh sách bài hát".
Click vào menu item này thì danh sách bài hát được lưu về 1 file text trên máy developer!
(Tìm hiểu thì API đọc ghi file trực tiếp loằng ngoằng lắm, nên trong bài viết này sẽ sử dụng "mẹo" để lưu dữ liệu thông qua 1 web script)

- Tạo 1 thư mục "menu" có các files sau:
+ manifest.json (Lưu các thông tin về extension)
+ icon.png (Kích thước 128x128. Đúng ra thì chuẩn bị 3 ảnh: 16x16, 48x48, 128x128; nhưng dùng chung cũng được)
+ background.js (File đăng ký menu)
+ process.js (File xử lý nội dung trang web để lấy dữ liệu)


Ví dụ 2:
Viết 1 extension, có 1 nút trên toolbar trình duyệt, khi vào 1 trang web bất kỳ, click vào nút trên toolbar thì hiển thị Tiêu đề của trang web hiện tại

- Tạo 1 thư mục "toolbar" có các files sau:
+ manifest.json (Lưu các thông tin về extension)
+ icon.png (Icon nút trên toolbar)
+ background.js (Code JS xử lý khi popup "gửi message" sang)
+ popup.html (Nội dung popup sẽ show ra khi click nút trên toolbar)
+ popup.js (Code JS khi load popup)

Ví dụ 3:
Viết 1 extension, khi vào trang web có script a.js thì thay vì load a.js sẽ load b.js

- Tạo 1 thư mục "hook" có các files sau:
+ manifest.json (Lưu các thông tin về extension)
+ background.js (Code JS để nói với chrome nếu gặp request lấy a.js thì bỏ qua, thay vào đó hãy đi lấy b.js về)

Download mã nguồn 3 ví dụ ở đây