自动翻译网页
当我进入网页时，如何自动翻译它？
这是我的翻译器，连接到我的下拉列表。
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'da', includedLanguages: 'da,de,el,en,es,fi,fr,it,ja,ko,nl,no,pl,ru,sv,uk,zh-CN,zh-TW', layout: google.translate.TranslateElement.FloatPosition.TOP_LEFT, gaTrack: true, gaId: 'UA-32978177-1'}, 'google_translate_element');
}
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit">
</script>我希望它能自动从丹麦语(da)翻译成英语(en)。我已经读到过这个函数：
http://www.blabla.com/#googtrans(da|en)
我应该在哪里实现它？
回答 6
Stack Overflow用户
发布于 2014-06-19 04:40:37
您需要创建一个名为google_translate_element的div，它在第一个脚本中提到，如下所示：
<div id="google_translate_element">
Here is the Area where Google fetches the part to be translated
</div>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.FloatPosition.BOTTOM_RIGHT, multilanguagePage: true}, 'google_translate_element');
}
</script>第二个脚本生成了一个很好的小语言选择：
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit">
</script>如果你想隐藏Google翻译栏(第一个脚本)：
<style>
.goog-te-banner-frame.skiptranslate {
display: none !important;
} body { top: 0px !important; }
.goog-tooltip {
display: none !important;
}
.goog-tooltip:hover {
display: none !important;
}
.goog-text-highlight {
background-color: transparent !important;
border: none !important;
box-shadow: none !important;
}
</style>Stack Overflow用户
发布于 2015-07-17 17:52:05
这两个脚本都可以放在<head>部分，如果放在<body>标记中，它们就可以工作，但这看起来可能会很凌乱，除非你把它们放在最后……这不是一个好主意，因为翻译选项应该在整个页面呈现在浏览器中之前可用。
您需要在您希望语言下拉框出现的位置的标记中添加一行，例如:从现有<head>标记的末尾，这是Claudio Kemp指出的代码中缺少的<div>标记-
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'da', includedLanguages: 'da,de,el,en,es,fi,fr,it,ja,ko,nl,no,pl,ru,sv,uk,zh-CN,zh-TW',
layout: google.translate.TranslateElement.FloatPosition.TOP_LEFT, gaTrack: true, gaId: 'UA-32978177-1'}, 'google_translate_element');
}
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit">
</script>
</head>
<body>
<div id="google_translate_element"></div>
</div>
<h1>My heading</h1>上面的<div>代码由google's webmaster translation tool给出，有3个不同的显示选项，它们只影响<div>代码:选项卡，内联和自动(看起来不起作用)-每个选项都有垂直，水平和下拉显示选项。您的代码使用了tabbed选项。
您可能希望将包含的代码更改为翻译为任何语言，而不仅仅是列出的语言，并在页面顶部而不是底部显示语言选项，以便用户更快地看到它们。
<div id="google_translate_element"></div>
<script type="text/javascript">function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'da', layout: google.translate.TranslateElement.FloatPosition.TOP_RIGHT, autoDisplay: false}, 'google_translate_element');
}Stack Overflow用户
发布于 2016-04-17 14:56:13
<div id="google_translate_element"></div>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'ur', layout: google.translate.TranslateElement.FloatPosition.BOTTOM_RIGHT, multilanguagePage: true}, 'google_translate_element');
}
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>https://stackoverflow.com/questions/16541760
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号