谷歌翻译在 Chrome 中显示空白屏幕答案

【问题标题】：Google Translate shows blank screen in Chrome谷歌翻译在 Chrome 中显示空白屏幕
【发布时间】：2021-01-17 23:17:11
【问题描述】：

谷歌翻译已停止在 Chrome 85.0.4183 中工作（也在 Canary、Opera、Edge 中）。例如，在https://colnect.com/en/collectors/collector/teleawe 按下“翻译”按钮后它显示“about:blank#blocked”。翻译按钮本身有“about:invalid#zClosurez”链接。

对https://translate.googleapis.com/translate_a/t?anno=.. 的xhr 请求。在 devtool 控制台中显示为已取消。这里还有关于受 https://translate.google.com/translate_a/element.js?cb=googleSectionalElementInit&ug=section&hl=en 请求影响的跨站点 cookie 的通知。

相同的链接在 Firefox 中运行良好。

同样https://codepen.io/paul/pen/ZZzEpQ 样例工作，它没有回调但也显示翻译服务仍在工作。

您能帮我解决这个问题吗？

【问题讨论】：

标签： google-chrome google-translate google-translator-toolkit

【解决方案1】：

几天前我也遇到过这种情况，并由 evt.preventDefault() 修复。只需将此添加到谷歌翻译链接。之后，点击链接即可进行翻译

somePlaceWithThsProblem.$el.on('click', '.goog-te-gadget-link', (event) => {
  event.preventDefault();
});

【讨论】：

【解决方案2】：

我也有同样的问题。

我用以下代码修复它：

    $(document).ready(function(){
        setTimeout( function() {
            $(".goog-te-gadget-link").click(function(){
                $(this).attr('href', 'javascript:;');
            });
        }, 2000);
    });

如果你有更好的解决方案，我会接受:)

问候

【讨论】：

谢谢你，它有效，让我们一起寻找更好的解决方案