GoogleTranslate 能根据用户浏览器语言，自动切换为该用户的当前语言，而无需手动选择吗？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 374 天前的主题，其中的信息可能已经有所发展或是发生改变。

网站是英文的，为了方便其他语种，这样似乎方便点。我记得好像有网站可以的。

请指教

第 1 条附言 2024-11-01 15:50:02 +08:00

我让AI写了一个，帮忙看下可以吗？

// Get the user's preferred language const userLanguage = navigator.language || navigator.userLanguage; // Create a Google Translate widget with the user's language as the target language const script = document.createElement('script'); script.src = `https://translate.google.com/translate_element?cb=googleTranslateElementInit`; document.body.appendChild(script); window.googleTranslateElementInit = () => { new google.translate.TranslateElement({ pageLanguage: 'en', // Source language (English) includedLanguages: 'en,fr,de,es,it,pt,ru,ja,ko,zh-CN,zh-TW', // Supported languages layout: google.translate.TranslateElement.InlineLayout.SIMPLE, autoDisplay: false }, 'google_translate_element'); const googleTranslateElement = document.getElementById('google_translate_element'); googleTranslateElement.style.display = 'none'; // Initially hide the widget // Function to show the widget with the user's language function showTranslateWidget() { googleTranslateElement.style.display = 'block'; googleTranslateElement.setAttribute('data-lang', userLanguage); } // Trigger the widget on a specific event (e.g., user clicks a button) // Replace this with your desired trigger document.getElementById('showTranslateButton').addEventListener('click', showTranslateWidget); };

GoogleTranslate

自动切换

语言

1 条回复 2024-11-01 15:48:55 +08:00

kokerkov

2024-11-01 15:48:55 +08:00

我让 AI 帮我写了一个，懂行的能看一下有什么问题吗？
```
// Get the user's preferred language
const userLanguage = navigator.language || navigator.userLanguage;

// Create a Google Translate widget with the user's language as the target language
const script = document.createElement('script');
script.src = `https://translate.google.com/translate_element?cb=googleTranslateElementInit`;
document.body.appendChild(script);

window.googleTranslateElementInit = () => {
new google.translate.TranslateElement({
pageLanguage: 'en', // Source language (English)
includedLanguages: 'en,fr,de,es,it,pt,ru,ja,ko,zh-CN,zh-TW', // Supported languages
layout: google.translate.TranslateElement.InlineLayout.SIMPLE,
autoDisplay: false
}, 'google_translate_element');

const googleTranslateElement = document.getElementById('google_translate_element');
googleTranslateElement.style.display = 'none'; // Initially hide the widget

// Function to show the widget with the user's language
function showTranslateWidget() {
googleTranslateElement.style.display = 'block';
googleTranslateElement.setAttribute('data-lang', userLanguage);
}

// Trigger the widget on a specific event (e.g., user clicks a button)
// Replace this with your desired trigger
document.getElementById('showTranslateButton').addEventListener('click', showTranslateWidget);
};
```