Học AI Với John
Tự làm tiện ích Chrome dịch tiếng Anh sang tiếng Việt ngay trên máy, không cần API key (vibe coding)
Vibe Coding Miễn phí

Tự làm tiện ích Chrome dịch tiếng Anh sang tiếng Việt ngay trên máy, không cần API key (vibe coding)

Dịch cả trang thì lộn xộn, copy từng đoạn sang trang dịch thì mất công; nhiều tiện ích dịch đòi đăng nhập, gửi chữ mình đọc lên máy chủ lạ hoặc đòi trả phí. Dành cho: người hay đọc trang web, email tiếng Anh (thư trường, trang bảo hiểm, tin tức), người muốn thử vibe coding lần đầu với một dự án nhỏ dùng được ngay.

Vì sao đáng làm?

Dịch cả trang thì lộn xộn, copy từng đoạn sang trang dịch thì mất công; nhiều tiện ích dịch đòi đăng nhập, gửi chữ mình đọc lên máy chủ lạ hoặc đòi trả phí. Dự án này giúp tự động hóa việc đó.

Công cụ cần có

Các bước

  1. Hỏi AI: "Write a Chrome extension (Manifest V3) for a complete beginner. Features: (1) When I select English text on any web page and right-click, a context-menu item 'Dịch sang tiếng Việt' opens the extension's side panel with that text. (2) The side panel shows the original text and the Vietnamese translation using Chrome's built-in Translator API (Translator.availability and Translator.create with sourceLanguage 'en' and targetLanguage 'vi'), shows a download progress bar the first time the language pack downloads, and has a 'Dịch' button so translation starts from a user click. (3) A text box to paste text manually. (4) A 'Copy' button and a history of the last 20 translations saved with chrome.storage.local. (5) If the API is unavailable, show a friendly message in Vietnamese. No external servers, no API keys, no analytics. Give me every file (manifest.json, background.js, sidepanel.html, sidepanel.js, styles.css) and step-by-step install instructions."
  2. Tạo thư mục "dich-viet" trên máy, tạo từng file và dán code AI đưa.
  3. Mở chrome://extensions → bật Developer mode → bấm Load unpacked → chọn thư mục "dich-viet".
  4. Mở một trang tiếng Anh, bôi đen một đoạn → chuột phải → "Dịch sang tiếng Việt". Lần đầu Chrome tải gói ngôn ngữ (cần mạng), các lần sau dịch ngay trên máy, chữ không gửi lên máy chủ nào.
  5. Gặp lỗi: bấm nút Errors của tiện ích trong chrome://extensions, copy thông báo lỗi dán lại cho AI: "Sửa lỗi này và giải thích ngắn bằng tiếng Việt."
  6. Nâng cấp bằng lời: "Thêm nút đọc to bản dịch", "Thêm chế độ dịch ngược Việt → Anh để viết email".

Prompt chính

Công cụ: Chrome trên máy tính (bản 138 trở lên), Translator API có sẵn trong Chrome (dịch ngay trên máy, có hỗ trợ tiếng Việt), ChatGPT, Gemini hoặc Claude để viết code. 1. Hỏi AI: "Write a Chrome extension (Manifest V3) for a complete beginner. Features: (1) When I select English text on any web page and right-click, a context-menu item 'Dịch sang tiếng Việt' opens the extension's side panel with that text. (2) The side panel shows the original text and the Vietnamese translation using Chrome's built-in Translator API (Translator.availability and Translator.create with sourceLanguage 'en' and targetLanguage 'vi'), shows a download progress bar the first time the language pack downloads, and has a 'Dịch' button so translation starts from a user click. (3) A text box to paste text manually. (4) A 'Copy' button and a history of the last 20 translations saved with chrome.storage.local. (5) If the API is unavailable, show a friendly message in Vietnamese. No external servers, no API keys, no analytics. Give me every file (manifest.json, background.js, sidepanel.html, sidepanel.js, styles.css) and step-by-step install instructions." 2. Tạo thư mục "dich-viet" trên máy, tạo từng file và dán code AI đưa. 3. Mở chrome://extensions → bật Developer mode → bấm Load unpacked → chọn thư mục "dich-viet". 4. Mở một trang tiếng Anh, bôi đen một đoạn → chuột phải → "Dịch sang tiếng Việt". Lần đầu Chrome tải gói ngôn ngữ (cần mạng), các lần sau dịch ngay trên máy, chữ không gửi lên máy chủ nào. 5. Gặp lỗi: bấm nút Errors của tiện ích trong chrome://extensions, copy thông báo lỗi dán lại cho AI: "Sửa lỗi này và giải thích ngắn bằng tiếng Việt." 6. Nâng cấp bằng lời: "Thêm nút đọc to bản dịch", "Thêm chế độ dịch ngược Việt → Anh để viết email". Ví dụ trước – sau: Trước: email trường "Early dismissal on Wednesday due to parent-teacher conferences" phải copy qua lại 3 app. Sau: bôi đen → chuột phải → bảng bên phải hiện "Thứ Tư tan học sớm vì có buổi họp phụ huynh – giáo viên", tự lưu vào lịch sử để xem lại.

Lưu ý quan trọng
🔒 Riêng tư: Bản dịch máy có thể sai — giấy tờ y tế, pháp lý, di trú cần người dịch có chuyên môn. Chỉ cài tiện ích tự làm từ thư mục của mình, không cài file lạ người khác gửi.

Nguồn tham khảo

Câu hỏi thường gặp

Translator api chrome là gì?

Dịch cả trang thì lộn xộn, copy từng đoạn sang trang dịch thì mất công; nhiều tiện ích dịch đòi đăng nhập, gửi chữ mình đọc lên máy chủ lạ hoặc đòi trả phí. Cách làm: Hỏi AI: "Write a Chrome extension (Manifest V3) for a complete beginner. Features: (1) When I select English text on any web page and right-click, a context-menu item 'Dịch sang tiếng Việt' opens the extension's side panel with that text. (2) The side panel shows the original text and the Vietnamese

Hướng dẫn “Tự làm tiện ích Chrome dịch tiếng Anh sang tiếng Việt ngay trên máy, không cần API key (vibe coding)” dành cho ai?

Dành cho người hay đọc trang web, email tiếng Anh (thư trường, trang bảo hiểm, tin tức), người muốn thử vibe coding lần đầu với một dự án nhỏ dùng được ngay. Hoàn toàn miễn phí, viết bằng tiếng Việt.

Cần lưu ý gì khi làm theo hướng dẫn này?

Riêng tư: Bản dịch máy có thể sai — giấy tờ y tế, pháp lý, di trú cần người dịch có chuyên môn. Chỉ cài tiện ích tự làm từ thư mục của mình, không cài file lạ người khác gửi.

Có thể bạn cũng thích

Làm website cho tiệm trong 30 phút, không cần biết code
Vibe Coding

Làm website cho tiệm trong 30 phút, không cần biết code

Một trang web đẹp, chạy tốt trên điện thoại, có dịch vụ, giá, giờ mở cửa, nút gọi điện và chỉ đường. Bạn chỉ cần mô tả bằng lời.

10/10/2026Miễn phí
Ứng dụng quản lý chi tiêu cá nhân làm xong trong một buổi tối
Vibe Coding

Ứng dụng quản lý chi tiêu cá nhân làm xong trong một buổi tối

Một ứng dụng nhỏ trên điện thoại để ghi thu chi, tự cộng theo tháng, vẽ biểu đồ, lưu ngay trên máy của bạn. Không cần cài app lạ.

8/10/2026Miễn phí
Làm trò chơi đơn giản cho con bằng AI
Vibe Coding

Làm trò chơi đơn giản cho con bằng AI

Một trò chơi vui, an toàn, không quảng cáo, giúp con ôn tiếng Việt hoặc toán. Cả nhà cùng làm và chơi trong một buổi chiều.

7/10/2026Miễn phí

← Xem tất cả: AI Agent & Vibe Coding