Hugging Face's logo

Spaces:
duqing026
/
web-translator-assistant
Sleeping

App Files Community
web-translator-assistant / README.md
Trae Assistant
Initial commit: Enhanced Web Translator Assistant with Vue.js, file upload, and Chinese UI
63f129a
preview code
|
raw
history blame contribute delete
1.69 kB
metadata 
title: Web Translator Assistant
emoji: 🌐
colorFrom: blue
colorTo: indigo
sdk: docker
short_description: 网页翻译助手

网页翻译助手

一个轻量的网页翻译解决方案，包含：

  • 英文网站页面，提供“翻译”按钮，一键将整页翻译为中文
  • Chrome 插件，任意网页点击“翻译”按钮即可转为中文
  • Dockerfile，可在 Hugging Face Spaces 以 Docker 方式运行网站

在线演示（Docker / Spaces）

  • 本仓库包含 Dockerfile，启动后将运行一个 Flask 网站（端口读取 PORT，默认 7860）
  • 页面顶部提供“翻译”按钮，使用 Google Translate Web 元件实现整页翻译

本地构建（可选）：

docker build -t web-translator-assistant .
docker run -e PORT=7860 -p 7860:7860 web-translator-assistant

访问 http://localhost:7860

Chrome 插件使用

  1. 打开 Chrome 扩展管理（chrome://extensions），启用“开发者模式”
  2. 选择“加载已解压的扩展程序”，指向 extension/ 目录
  3. 进入任意网页，点击扩展弹窗中的“翻译”按钮，页面将被翻译为中文

技术说明

  • 网站：Flask + Google Translate Web 元件（无需密钥）
  • 插件：Manifest V3，使用 chrome.scripting.executeScript 注入翻译逻辑
  • 隐私：不收集任何用户数据。翻译由 Google 前端脚本完成

目录结构 

/extension         # Chrome 插件（弹窗 + 注入脚本）
/templates         # 网站页面模板（英文文章 + 翻译按钮）
/static            # 网站静态资源
app.py             # Flask 入口
Dockerfile         # Spaces 用 Docker 运行
requirements.txt   # 依赖：Flask