Google Translate 完美翻译我的网站，但不在警告消息框 web 中显示翻译语言

Question

我已经在我的网站中添加了 google 翻译，这非常有效，但在我的网站中我使用了警告消息，所以 google 翻译器没有翻译警告消息文本

看下面的演示

<!DOCTYPE html>
<html lang="en-fr" xml:lang="en-fr" xmlns= "http://www.w3.org/1999/xhtml">
<meta charset="UTF-8">
<meta name="google" content="notranslate">
<meta http-equiv="Content-Language" content="en-fr">
<body>

<h1>My Web Page</h1>

<p>Hello everybody!</p>

<p>Translate this page:</p>

<div id="google_translate_element"></div>

<script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'en-fr'}, 'google_translate_element');
}
function showMessage(){
alert('show translated language');
}
</script>

<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

<p>You can translate the content of this page by selecting a language in the select box.</p>
<button onclick="showMessage()">Show</button>
</body>
</html>

请帮我看看我该怎么做

如果需要更多说明或细节，请在此处评论

Answer 1

一种方法是这样

有一个显示为 none 的 <span> 标签，并将其放入其中 'show translated language'。然后在您的函数 showMessage() 中获取该跨度的内部 HTML 。它看起来像这样：

HTML

<span id='text' style="display: none;">show translated language</span>

JS

function showMessage() {
  alert(text.innerHTML)
}

回顾一下，我只是想将此 link 添加给遇到相同问题的任何人。虽然我的方法会奏效，但这是一种肮脏的做法，不应该经常这样做。 'cleanest'解决这个问题的方法是引入一个js插件，比如translate.js。这个插件的实现和示例在这个 post JavaScript/jQuery - Get text and translate it

中给出

Google Translate 完美翻译我的网站，但不在警告消息框 web 中显示翻译语言

Google Translate Translate my website perfectly but Not Show Translated Language In Alert Message box web

html

javascript

google-translate