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

发布于 2024-11-04 16:02:27 字数 675 浏览 2 评论 0原文

我正在为 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);

首先这个脚本加载 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);

该脚本未运行，有时它运行后页面会导航离开。

请帮忙

原文

I am making a userscript for facebook that would help translate text using Google Translate Api. Script is injecting html and css content successfully into facebook.

Problem is with Google Translate Api. I am injecting a script tag

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

First this script is loading the url 2 or 3 times.

To actually use the Language Api I am injecting another script tag

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

this script is not running and sometimes it runs then the page naviages away.

Help please

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

七月上 2024-11-11 16:02:27

确保脚本没有在 iFrame 中运行，然后使用延迟来确保加载库 JS（否则，浏览器将异步运行这 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
);

Make sure the script is not running in iFrames and then use a delay to ensure the library JS is loaded (Otherwise, the browser will run those 2 scripts asynchronously.)

Something like this:

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
);

回复收藏 0 原文

~没有更多了~