代码之家 › 专栏 › 技术社区 › Radek Simko

在Chrome扩展中使用远程JavaScript

google-chrome-extension google-chrome jquery javascript

Radek Simko · 技术社区 · 15 年前

我的manifest.json如下所示:

{
    "name": "My Extension",
    "version": "0.1",
    "content_scripts": [
    {
        "matches": ["http://*/*"],
        "js": ["jquery.js", "main.js"],
        "run_at": "document_end",
        "all_frames": true
    }
    ]
}

我想使用一个JavaScript API,它受所选域的使用限制,所以我只需将其插入Chrome中的加载页面,如下所示:

$('head').append('<script src="http://example.com/myApi.js?key=%key%"></script>');

但我没有任何线索,如何解决这个问题-把远程JS文件放在哪里才能使用它。

"virtual DOM"

在哪里插入代码?一些背景页??

3 回复 | 直到 8 年前

onsy 15 年前

尝试以下脚本:

if(window.top == window && !document.getElementById('molseek'))
{
    if (document && document.doctype && document.doctype.name && document.doctype.name.toLowerCase() == 'html') {
        loadToolTip();
    }
    // Weird guest... but if we got an head element, try to validate even if no doctype...
    else if (document && document.getElementsByTagName('head').length) {
        loadToolTip();
    }
    // Weird guest #2... but if we got title element, try to validate even if no doctype nor head...
    else if (document && document.getElementsByTagName('title').length) {
        loadToolTip();
    }
}

function loadToolTip(){

    (function(s){
        if(!window.molseek){
            s.src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js';
            (document.getElementsByTagName("head").item(0)||document.body).appendChild(s)
        }
    })(document.createElement('script'));
    (function(s){
        if(!window.apture){
            s.src='https://location';
            (document.getElementsByTagName("head").item(0)||document.body).appendChild(s)
        }
    })(document.createElement('script'));

}

Shikiryu DhruvJoshi 15 年前

你试过:

var script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'http://example.com/myApi.js?key=%key%';
document.getElementsByTagName('head')[0].appendChild(script);

我在我的googlechrome扩展中使用了它,效果很好。

Devin Rhode 14 年前

推荐文章

rozsazoltan · 直接从URL创建Manifest v3 URL重定向

10 月前

Skyyade · 如何在Chrome扩展程序中导入html2canvas

1 年前

Kwang Sing · 在chrome扩展中为请求添加前缀的正确设置是什么?

1 年前

DamilolaOwonibi · 我的background.js无法识别正在打开的选项卡

1 年前

ThePenguin · Chrome重复控制台条目

1 年前

SwiftyQA · 在随机持续时间内点击Chrome扩展的按钮

1 年前

J.C · 你是如何使用Chrome扩展程序在一个月内更改网站的CSS的?

1 年前

Teepeemm · Chrome扩展程序如何触发Angular文件上传

2 年前

OrionGL · 本应自动更新的范围输入在手动设置后停止更新

2 年前

Grasper · replaceAll函数禁用某些站点元素

2 年前