DeepL Translator Chrome Extension

This Chrome extension integrates DeepL's powerful translation capabilities directly into your browser, allowing for seamless webpage translation.

Features

Translate web pages on-the-fly using DeepL's API
Support for multiple target languages
Easy toggle for enabling/disabling translation
Ability to test API connection
Supports both free and pro DeepL API accounts

Setup

Clone this repository or download the source code.
Open Chrome and navigate to chrome://extensions/.
Enable "Developer mode" in the top right corner.
Click "Load unpacked" and select the directory containing the extension files.

Usage

Click on the extension icon in your Chrome toolbar to open the popup.
Enter your DeepL API key in the provided input field and click "Save API Key".
- For free accounts, make sure your API key ends with ':fx'.
Select your desired target language from the dropdown menu.
Click "Enable Translation" to start translating the current webpage.
Use the "Test API Connection" button to verify your API key is working correctly.

Supported Languages

The extension supports translation to the following languages:

Bulgarian
Czech
Danish
German
Greek
English (British)
English (American)
Spanish
Estonian
Finnish
French
Hungarian
Italian
Japanese
Lithuanian
Latvian
Dutch
Polish
Portuguese
Portuguese (Brazilian)
Romanian
Russian
Slovak
Slovenian
Swedish
Chinese (simplified)

Development

This extension is built using HTML, CSS, and JavaScript. The main components are:

popup.html and popup.js: Handle the extension's user interface and interactions.
background.js: Manages API calls and browser-level operations.
content.js: Interacts with webpage content for translation.

Note

You need a valid DeepL API key to use this extension. You can obtain one by signing up at DeepL's website.