2

我正在为 facebook 制作一个用户脚本，这将有助于使用 Google Translate Api 翻译文本。脚本成功地将 html 和 css 内容注入 facebook。

问题出在谷歌翻译 API 上。我正在注入一个脚本标签

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

首先，此脚本加载 url 2 或 3 次。

要实际使用 Language Api，我正在注入另一个脚本标签

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

这个脚本没有运行，有时它运行然后页面导航离开。

请帮忙

4

1 回答 1

0

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

像这样的东西：

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
);
于 2011-05-02T06:53:10.703 回答