如果将 src 更改为另一个本地页面，谷歌翻译元素不会翻译 iframe

Question

Google 翻译元素仅在第一次加载时才会翻译我页面上的 iframe。如果我在 iframe 中加载另一个页面，则该页面不会在大多数浏览器（例如 Chrome）中翻译。我不能使用Google Translate iframe workaround，因为生成的网页无法在 iframe 中显示（谷歌似乎使用了 framekiller）。

这是我的代码：

<div id="google">
    <span id="google_translate_element"></span> <span style="float: left;">
        <script id="translate1">
            function googleTranslateElementInit() {
                googleTranslate = new google.translate.TranslateElement({
                    pageLanguage : 'de'
                }, 'google_translate_element');
            }
        </script> 
        <script id="translate2"
            src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit">
        </script>
    </span>
</div>

Answer 1

由于谷歌翻译发送的响应中包含X-Frame-Options: DENY 标头，翻译后的页面无法在 iframe 中显示。

我的解决方案是在你的服务器上实现一个路由来获取翻译的页面，然后有一个 iframe

<iframe src="/translate?url=targetUrl"></iframe>

您可以绕过 X-Frame-Options: DENY 标头，方法是在您的服务器上实现一个路由来获取内容并将其转发给用户，如下所示（在 Python 中，使用 Flask）：

def get_translate_url(url):
    return "http://translate.google.com/translate?hl=bg&ie=UTF-8&u=%s&sl=de&tl=en" % url

@app.route('/translate')
def grabContentForMyIframe():
    url = request.args.get(url)
    response = requests.get(get_translate_url(url))
    return response.content