Question

我正在为facebook制作一个用户脚本，可以帮助您使用Google Translate Api翻译文本。脚本成功地将html和css内容注入到facebook中。

Google Translate Api存在问题。我正在注入一个脚本标签

var s = document.createElement('script');
s.type="text/javascript";
s.src='https://www.google.com/jsapi?key=AIzaSyD24A-czAdTj8pPc5ugo0bYiPRx8Rc2pXo';
document.body.appendChild(s);

首先，此脚本正在加载网址2或3次。

要实际使用语言Api我正在注入另一个脚本标记

var ldfun = document.createElement('script');
ldfun.setAttribute('type', 'application/javascript');
ldfun.textContent= "google.load('language','1');";
document.body.appendChild(ldfun);

此脚本未运行，有时会运行，然后页面导航。

请帮助

Answer 1

确保脚本没有在iFrames中运行，然后使用延迟来确保加载库JS（否则，浏览器将异步运行那些2 script。）

这样的事情：

if (window.top != window.self)  //-- Don't run on frames or iframes
    return;

function addJS_Node (text, s_URL)
{
    var scriptNode                      = document.createElement ('script');
    scriptNode.type                     = "text/javascript";

    if (text)  scriptNode.textContent   = text;
    if (s_URL) scriptNode.src           = s_URL;

    //--- document.head is best.  Use document.body only on poor target pages.
    document.head.appendChild (scriptNode);
}

//--- Load Google-Translate, JS API.
addJS_Node (null, 'https://www.google.com/jsapi?key=AIzaSyD24A-czAdTj8pPc5ugo0bYiPRx8Rc2pXo');

//--- Initialize Google-Translate after a delay to make sure it has loaded.
setTimeout (function() {
    addJS_Node ("google.load('language','1');", null);
    },
    1500
);

在用户脚本中使用谷歌翻译api

1 个答案: