如何使用外部内容将jQuery注入Electron BrowserWindow

Question

My main problem is that I can't figure out a way to inject jQuery into a external web loaded in Electron BrowserWindow

So far I have been able to inject a local script into the page by using "preload" property of WebPreferences in BrowserWindow

webPreferences: {
            preload: path.join(__dirname, 'js/myscript.js')
        },

That works so far and having no problems. However when I try to load jQuery it doesn't work as apparently the "document" isn't ready when that is called.

I tried among other supposed solutions (I don't doubt they are, maybe I'm just doing something wrong or thinking they work in a way different to what I need)

Example:

window.onload = () => {
    const $ = require('jquery');

    if (typeof jQuery === 'undefined') {
        console.log("No jQuery");

    } else {
        console.log("jQuery");
    }  
}

That on my "myscript.js" file

** Also tried jsdom with no success, again maybe I was doing something wrong, or out of place.

What I'm doing wrong here. I'm lost and dunno what to do.

Answer 1

我是一个.....没关系，我在网上看到的示例中正在检查jQuery ==='undefined'的问题，我忘记测试$了。