Google 翻译 javascript 片段无效

Question

我尝试使用 w3school.com 中的代码片段。它适用于 w3school 但不适用于我的 PC。

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

function googleTranslateElementInit() {
    new google.translate.TranslateElement({
        pageLanguage: 'en'
    }, 'google_translate_element');
}

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

我在控制台中得到了以下信息。

translate.html:18 GET file://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit net::ERR_FILE_NOT_FOUND

Answer 1

w3school 上的代码片段确实有错误。它说要添加以下行以包含 Google 的 API:

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

不幸的是，尾随 // 使其指向本地文件。因此，除非您已经下载了该库并将其与您的 html 文件捆绑在一起，否则它不会指向任何地方。通过添加 https:

将 link 添加到在线图书馆

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

Answer 2

当你运行它在你的机器上时，你运行它是一个本地文件。因此，从 //translate.google 等加载的源文件正试图在 google 上找到此文件。

如果将其替换为：

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

您会发现它不再尝试查找本地文件（即在您的计算机上），而是会在 Internet 上查找它。

Google 翻译 javascript 片段无效

Google Translate javascript snippet not working

javascript

google-translate