Khởi tạo dự án tiện ích mở rộng cho trình duyệt Chrome

Ngày cập nhật: 12/03/2025 | Số lần xem: 319 | Số từ: 323 | Phân loại: Trình duyệt

Tìm kiếm
Theo tài liệu chính thức của Microsoft Edge, Edge hoàn toàn tương thích với các tiện ích được phát triển dành riêng cho Chrome. Vì vậy, mình sẽ sử dụng khung xương (scaffold) của Chrome để khởi tạo dự án.

Khi tạo mới một dự án từ đầu, mình đã thử dùng Claude 3.7 để tự động hóa việc tạo cấu trúc ban đầu của tiện ích, nhưng gặp vấn đề là tệp biểu tượng không thể được tạo ra tự động, dẫn đến việc tiện ích không thể chạy được. Tuy nhiên, vì đây là lần đầu tiên mình phát triển tiện ích trình duyệt, nên chưa xác định rõ nguyên nhân gây lỗi. Do đó, mình quyết định tham khảo hướng dẫn chi tiết trên trang web chính thức của Chrome để làm quen và hiểu rõ hơn quy trình.

Thị phần trình duyệt

Dù Edge đã vượt qua Chrome về thị phần trình duyệt desktop tại Trung Quốc, thì tỷ lệ thị phần toàn cầu của Edge vẫn còn thấp. Hiện tại, Edge chỉ chiếm 13,2% thị phần toàn cầu, trong khi Chrome lại thống trị tới 66,88%.

Xét theo góc độ thị phần, việc ưu tiên hỗ trợ Chrome là hoàn toàn hợp lý. Mặc dù hiện tại mình đang sử dụng Edge cả trên máy tính lẫn điện thoại.

⌨️ Kiểm tra

• Mở trình duyệt Chrome, truy cập địa chỉ chrome://extensions/ (nếu dùng Edge thì là edge://extensions/)
• Bật chế độ “Chế độ phát triển”
• Nhấp vào “Tải tiện ích mở rộng đã giải nén” và chọn thư mục chứa dự án của bạn

Nếu có cập nhật mã nguồn, hãy nhấn nút “Cập nhật” trong danh sách tiện ích mở rộng.

Tự động hóa

Về lâu dài, mình dự định sẽ viết một công cụ khởi tạo dự án cục bộ bằng ngôn ngữ Go để tăng hiệu suất làm việc. Tuy nhiên, thật ra cũng không cần thiết phải phát triển quá nhiều tiện ích trình duyệt đâu 😅