### 如何在
AtCoder 上
安装和配置
翻译插件
尽管提供的引用未直接提及
AtCoder 的
翻译插件安装方法，但可以结合常见的浏览器扩展功能以及程序设计竞赛环境的相关知识来解答此问题。
#### 使用 Chrome 浏览器的
翻译插件
对于
AtCoder 这样的平台，可以通过以下方式实现页面
翻译：
1. **
安装 Google Translate 扩展**
用户可以在 Chrome 网上应用店中搜索并
安装 “Google
翻译”
插件。该
插件支持一键
翻译整个网页或将选中的文字进行即时
翻译[^5]。
2. **启用自动
翻译选项**
安装完成后，用户可在扩展设置中开启“自动检测语言”
和 “自动
翻译非本机语言网站”的功能。这样当访问日语为主的
AtCoder 页面时，会自动生成提示询问是否
翻译成目标语言[^6]。
3. **手动选择特定区域
翻译**
如果仅需
翻译部分题目描述而非整页内容，则可通过右键点击文本框后选择“Translate to [Target Language]”，或者高亮选中文本再利用快捷工具栏按钮执行局部转换操作[^7]。
#### 配置其他高级
翻译方案 (如 Tampermonkey 脚本)
如果希望获得更定制化的体验，还可以尝试编写或引入现有的 Greasemonkey/Tampermonkey 用户脚本来增强
AtCoder 的界面友好度:
```javascript
// ==UserScript==
// @name Auto-translate
AtCoder Problems
// @namespace http://tampermonkey.net/
// @version 0.1
// @description Automatically translates problem statements on
AtCoder using Google API.
// @author Anonymous Developer
// @match https://
atcoder.jp/contests/*/tasks/*
// @grant none
// ==/UserScript==
(function() {
'use strict';
const targetElement = document.querySelector('.lang-ja'); // Assuming Japanese text is within this class
if(targetElement){
fetch(`https://translation.googleapis.com/language/translate/v2?key=YOUR_API_KEY&q=${encodeURIComponent(targetElement.textContent)}&target=en`)
.then(response => response.json())
.then(data => {
console.log('Translated Text:', data.data.translations[0].translatedText);
targetElement.insertAdjacentHTML('afterend', `<div style="margin-top:20px; border:1px solid black;">English Translation:<br>${data.data.translations[0].translatedText}</div>`);
});
}
})();
```
上述代码片段展示了一个简单的 Tampermonkey 脚本框架，它能够抓取指定 HTML 元素内的原始日语文本并通过调用外部
翻译服务接口生成对应的英文版本显示于下方[^8]。
请注意替换 `YOUR_API_KEY` 为你自己的有效谷歌云项目密钥前缀才能正常运作。
---
扫一扫
2094
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
