0

我的代码取自Inject a script tag with remote src 并等待它执行：

function injectScript(src){
    return new Promise((resolve, reject) => {
        const script = document.createElement('script');
        script.src = src;
        console.log(script.src)
        script.setAttribute('type', 'text/javascript');
        script.addEventListener('load', resolve);
        script.addEventListener('error', e => reject(e.error));
        document.head.appendChild(script);
    });
}

通过写作

injectScript((chrome.runtime.getURL("/utils.js")))
    .then(() => {
        console.log("script loaded")
    }).catch(error => {
        console.log(error);
    })

我可以成功地将我的代码从 utils.js（如下）注入到一个 html 页面中，我已经验证了该页面可以与单独注入的带有按钮的 html 代码一起使用onclick="foo()"

function foo(){
    console.log("bar");
}

现在，我的问题是如何修改我的 injectScript 函数来注入我的 brython 代码（如下）？我尝试将 type 属性设置为text/python但保持不变，但这不起作用。同样更改script.src = src为script.textContent = src不起作用。在所有情况下，只要没有错误就不会发生任何事情。

***python.js***

from browser import document, alert

def hello():
    alert("hello world")

document['mybutton'].bind('click', hello)

编辑：用于注入 brython 代码的完整代码（控制台日志“加载最小脚本”和“加载stdlib 脚本”，但没有“加载 python”，也没有警告“hello world”：

 injectScript("https://cdnjs.cloudflare.com/ajax/libs/brython/3.8.9/brython.min.js")
    .then(() => {
        console.log('min script loaded!');
        injectScript("https://cdnjs.cloudflare.com/ajax/libs/brython/3.9.5/brython_stdlib.min.js")
            .then(() => {
                console.log('stdlib script loaded!');
                
                injectPython((chrome.runtime.getURL("/python.js")))
                    .then(() => {
                        console.log("python loaded")
                    }).catch(error => {
                    console.log(error)
                })
            }).catch(error => {
                console.error(error);
            });
    }).catch(error => {
        console.error(error);
    });
4

0 回答 0