Cefsharp winforms：将 jquery 注入页面

Question

我正在使用 ChromiumWebBrowser 加载网站，加载页面后，我将执行一些脚本

browser.ExecuteScriptAsync(script)

但是那个网站不使用 jquery，所以很难编写我的脚本。我想将 jquery 注入该站点以更轻松地编写我的脚本。我该怎么做？非常感谢

编辑：

我的计算机中有一个 jquery 文件。我想将它添加到我要爬取数据的页面。我尝试使用 LoadingStateChanged 事件，但没有成功。

private void Browser_LoadingStateChanged(object sender, LoadingStateChangedEventArgs e)
{
    ChromiumWebBrowser browser = (ChromiumWebBrowser)sender;
    lbStatus.SetText(e.IsLoading ? "Loading..." : browser.Address);
    if (!e.IsLoading)
    {
        //Load jquery
    }
    else
    {

    }
}

Answer 1

将此代码设置为 script 变量作为字符串，然后调用 browser.ExecuteScriptAsync(script)

(function () {
    // more or less stolen form jquery core and adapted by paul irish
    function getScript(url, success) {
        var script = document.createElement('script');
        script.src = url;
        var head = document.getElementsByTagName('head')[0],
            done = false;
        // Attach handlers for all browsers
        script.onload = script.onreadystatechange = function () {
            if (!done && (!this.readyState
                || this.readyState == 'loaded'
                || this.readyState == 'complete')) {
                done = true;
                success();
                script.onload = script.onreadystatechange = null;
                head.removeChild(script);
            }
        };
        head.appendChild(script);
    }
    getScript('http://code.jquery.com/jquery-latest.min.js', function () {
        if (typeof jQuery == 'undefined') {
            console.log('Sorry, but jQuery wasn\'t able to load');
        } else {
            console.log('This page is now jQuerified with v' + $.fn.jquery);

            $(document).ready(function () {
                alert(1);
                //here you can write your jquery code
            });
        }
    });
})();

Answer 2

我将整个 jquery js 文件推送为内联代码并且效果很好：

browser.ExecuteScriptAsync(File.ReadAllText(@"content\jquery.1.11.1.min.js"));

减少加载时间...

Answer 3

非常简单:)

 string script_1 = "document.getElementsByTagName('head')[0].appendChild(document.createElement('script')).src = '//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js'";

browser.ExecuteScriptAsync(script_1);

并调用任何自定义 jquery 函数或 class:

 string script_2 = "$('.contact').css('color','#aabbcc');";

 browser.ExecuteScriptAsync(script_2);

Cefsharp winforms：将 jquery 注入页面

Cefsharp winforms: Inject jquery into page

c#

jquery

winforms

chromium-embedded

cefsharp