触发 Google 网络翻译元素

Question

由于谷歌翻译 API 正在关闭，我试图让谷歌翻译网络元素在用户的整个会话中工作，这样他们就不必在每个不同的页面上将选择框选项更改为其语言。

初始加载函数如下：

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

其中 google_translate_element 是要放入选择框的 div。当选择框位于其中时，它始终具有“goog-te-combo”类。我可以使用 jQuery 更改框的值，没有任何问题，例如。 $('.goog-te-combo').val('fr') 会将框更改为法语。 但是，当我尝试使用 $('.goog-te-combo').trigger() 使用各种事件类型（更改、单击、mouseup、mousedown 等）触发翻译时，翻译永远不会触发。

有谁知道触发翻译的方法吗？

Answer 1

这是一个老问题，但我会回答，因为我遇到了同样的问题并解决了它。
我必须从 jQuery 获取 DOM，然后触发并执行。

 function fireEvent(element,event){
     console.log("in Fire Event");
    if (document.createEventObject){
            // dispatch for IE
            console.log("in IE FireEvent");
        var evt = document.createEventObject();
        return element.fireEvent('on'+event,evt)
    }
    else{
            // dispatch for firefox + others
            console.log("In HTML5 dispatchEvent");
            var evt = document.createEvent("HTMLEvents");
            evt.initEvent(event, true, true ); // event type,bubbling,cancelable
            return !element.dispatchEvent(evt);
    }
 }

我称之为使用

 var jObj = $('.goog-te-combo');
 var db = jObj.get(0);
 jObj.val(Lang);
 fireEvent(db, 'change');

Answer 2

我一整天也对这个主题有疑问:)。但我已经得出了结论。

使用 Chrome 检查器工具，我发现 Google 翻译选择框是在 window.load 事件触发后创建的！如果您尝试使用 jQuery 编辑它，这是一个大问题。

所以我找到了一个解决方法。我知道这可能是一个错误的方法，但它对我有用。就我而言，我想（与工作相关的请求）将选择框的第一个选项（通常是“选择您的语言”）更改为不同的内容，例如。 123.

所以我实施了以下解决方案：

$(window).load(function () {
   setTimeout(function () {
      if ($("select.goog-te-combo option:first").val()=='')
      {
         $("select.goog-te-combo option:first").text("123");
      }
   }, 1000);
});

希望我能以某种方式帮助某人。

向大家问好。

Answer 3

Google Translate Element 语言应该在页面之间运行，尽管有时需要一些时间才能生效。早期，它不会在所有浏览器中的 Google Chrome 上持续存在，但它在 Firefox 和 IE 中运行良好。在写这篇文章时，它在 Chrome 中对我来说也运行得很好。

不过，如果您想在首页加载时强制翻译为特定语言，则可以使用 Google 在页面加载时提及 URL 哈希/片段。不过，由于在页面加载后添加哈希似乎不会触发它，因此您必须将其放在第一次加载时将用户带到那里的链接中。这是强制立即翻译的哈希语法。

http://www.somedomain.com/#googtrans(en|TARGET_LANG)

例如，强制页面在翻译系统可以的情况下立即翻译成法语。

http://www.somedomain.com/#googtrans(en|fr)

我似乎无法解读语法的含义，但我只是在原始英文页面上尝试它。 #googtrans(en|fr|ja) 结果为日语，但 #googtrans(en|ja|fr) 也是如此。省略 en| 似乎也没有任何效果。他们没有详细说明 Google 发布此花絮的具体情况（在“内容”下）是 Google 翻译 Web 元素吗？”）。

Answer 4

将 cookie googtrans 设置为 /en/XX 并重新加载页面：（

document.cookie = 'googtrans=/en/fr';
location.reload();

当然，在重新加载之前检查是否未设置 cookie，否则会出现无限重新加载循环）

Answer 5

以前没有这样做过，但通过查看 Google Chrome 中的检查器，我发现 google 加载了一个名为 main.js 的文件。查看该文件，您可能会得到他们如何触发开关的线索。 main.js 当然是打包和缩小的，所以尝试使用这个 JS Beautifier。

我会多看一下并回复您:)希望它有帮助！

更新

无法像这样触发元素的原因似乎是因为选择框位于 iframe 内。您无法与不同域的 iframe 进行交互。