如何通过html或javascript在chrome中打开翻译对话框

Question

问题是:能否以一种更优雅的方式取代旧的“废弃”https://translate.google.com/intl/en/about/website/？

“我们不再提供对谷歌翻译公司网站翻译器的新访问。这一变化不影响网站翻译器的现有使用。我们鼓励希望翻译网页的用户使用支持本地翻译的浏览器。”

··这段代码带来了一种“选择”的旧风格(不太适合手机)。

<div id="google_translate_element"></div>
<script src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<script type="text/javascript"> function googleTranslateElementInit() {  new google.translate.TranslateElement({pageLanguage: "en",multilanguagePage: true,layout: google.translate.TranslateElement.InlineLayout.SIMPLE,autoDisplay: false}, "google_translate_element");}</script>

问题是如何创建一个html按钮(或单击img)“请求”google以某种语言打开翻译对话框？

我希望有几个标志代表不同的语言，当一个用户点击西班牙语标志，它触发铬问用户是否想翻译西班牙语页面？是否有javascript或html5方法这样做？

问候

Answer 1

答案很长，所以我做一个简短的总结。

1. 您需要一个google键并能够进行翻译(这里有一个Google一步步教程：https://neliosoftware.com/blog/how-to-generate-an-api-key-for-google-translate/ )
2. 使用所需语言列表创建一个数组--有关更多详细信息，请参见https://cloud.google.com/translate/docs/languages
3. 从列表中选择带有选项的选项
4. 在每个选项上附加一个onclick，触发ajax函数并将翻译的文本返回到所需的div。

php函数可能如下所示

$cgoog = 'https://translation.googleapis.com/language/translate/v2?target='.strtolower($langCode).'&key='.GOOGLE_API_KEY_PHP.'&q='.urlencode($text);

$ch = curl_init();
curl_setopt($ch, CURLOPT_HTTPGET,true);
curl_setopt($ch, CURLOPT_URL, $cgoog);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
$execurl = curl_exec($ch);
$response = json_decode($execurl, true);

return $response['data']['translations'][0]['translatedText'] ?? '';

注意到双倍?？是php7空合并操作符(简而言之，它是一个if !isset，或者在1个操作符中是) https://www.php.net/manual/en/language.operators.comparison.php#language.operators.comparison.coalesce