自动翻译网页
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了自动翻译网页相关的知识，希望对你有一定的参考价值。
如何在我输入网页时自动翻译我的网页。
这是我的翻译与我的下拉菜单有关。
<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)
我应该在哪里实施它？
答案
你需要创建一个名为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>
另一答案
两个脚本都可以进入<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>
由[google的网站管理员翻译工具]（<div>）给出的https://translate.google.com/manager/website/代码，有3种不同的显示选项，仅影响<div>代码：选项卡式，内联式和自动式（看似不起作用） - 具有垂直，水平和下拉列表显示每个选项。您的代码使用选项卡式选项。
您可能希望更改所包含的代码以转换为任何语言而不仅仅是列出的语言，并在页面顶部而不是页面底部显示语言选项，以便用户更快地看到它们。
<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');
}
另一答案
<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>
另一答案
<div id="google_translate_element"></div>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'it'}, 'google_translate_element');
}
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
另一答案
<meta name="google-translate-customization" content="50cedd4c399ba41-3cc63c25c261b71e-g03cc961129fb2947-10"></meta>
<div id="google_translate_element"></div>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'en', includedLanguages: 'en', layout: google.translate.TranslateElement.FloatPosition.TOP_LEFT, multilanguagePage: true}, 'google_translate_element');
}
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
另一答案
<div id="google_translate_element"></div>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'en',
layout: google.translate.TranslateElement.FloatPosition.TOP_LEFT},
'google_translate_element'
);
}
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
以上是关于自动翻译网页的主要内容，如果未能解决你的问题，请参考以下文章